Lightning/processing.js at gh-pages · chandrunarayan/Lightning

Lightning/processing.js /

Jump to

Code definitions

nop Function ajax Function setupTypedArray Function virtHashCode Function virtEquals Function ObjectIterator Function hasNext Function next Function Iterator Function hasNext Function next Function remove Function ArrayList Function get Function contains Function indexOf Function lastIndexOf Function add Function addAll Function set Function size Function clear Function remove Function removeAll Function isEmpty Function clone Function toArray Function iterator Function HashMap Function getBucketIndex Function ensureLoad Function Iterator Function findNext Function hasNext Function next Function remove Function Set Function clear Function contains Function containsAll Function isEmpty Function iterator Function remove Function removeAll Function retainAll Function size Function toArray Function Entry Function _isIn Function equals Function getKey Function getValue Function hashCode Function setValue Function clear Function clone Function containsKey Function containsValue Function entrySet Function get Function isEmpty Function keySet Function values Function put Function putAll Function remove Function removeByValue Function size Function PVector Function dist Function dot Function cross Function angleBetween Function set Function get Function mag Function add Function sub Function mult Function div Function dist Function dot Function cross Function normalize Function limit Function heading2D Function toString Function array Function createPVectorMethod Function DefaultScope Function defineProperty Function overloadBaseClassFunction Function hubfn Function extendClass Function extendGetterSetter Function get Function set Function extendClassChain Function extendStaticMembers Function extendInterfaceMembers Function addMethod Function hubfn Function isNumericalJavaType Function createJavaArray Function createUnsupportedFunc Function get Function get Function get Function removeInstance Function addInstance Function computeFontMetrics Function PFont Function getCSSDefinition Function measureTextWidth Function measureTextWidthFallback Function get Function getFallback Function list Function initialize Function generateTinyFont Function expand Function getElementWidth Function pending Function add Function Processing Function unimplemented Function uniformf Function uniformi Function uniformMatrix Function vertexAttribPointer Function disableVertexAttribPointer Function createProgramObject Function imageModeCorner Function imageModeCorners Function imageModeCenter Function DrawingShared Function Drawing2D Function Drawing3D Function DrawingPre Function Character Function toString Function valueOf Function PShape Function isVisible Function setVisible Function disableStyle Function enableStyle Function getFamily Function getWidth Function getHeight Function setName Function getName Function draw Function drawImpl Function drawPath Function drawGeometry Function drawGroup Function drawPrimitive Function pre Function post Function styles Function getChild Function getChildCount Function addChild Function addName Function translate Function checkMatrix Function rotateX Function rotateY Function rotateZ Function rotate Function scale Function resetMatrix Function applyMatrix Function PShapeSVG Function getCoords Function parseChildren Function getName Function parseChild Function parsePath Function parsePathQuadto Function parsePathCurveto Function parsePathLineto Function parsePathMoveto Function parsePathVertex Function parsePathCode Function parsePoly Function parseRect Function parseEllipse Function parseLine Function parseColors Function setFillOpacity Function setFill Function setOpacity Function setStroke Function setStrokeWeight Function setStrokeJoin Function setStrokeCap Function setStrokeOpacity Function parseRGB Function parseUnitSize Function shape Function shapeMode Function loadShape Function XMLAttribute Function getName Function getFullName Function getNamespace Function getValue Function getType Function setValue Function XMLElement Function parse Function parseChildrenRecursive Function createElement Function createPCDataElement Function createCDataElement Function hasAttribute Function equals Function getContent Function getAttribute Function getStringAttribute Function getString Function getFloatAttribute Function getFloat Function getIntAttribute Function getInt Function hasChildren Function addChild Function insertChild Function getChild Function getChildren Function getChildCount Function getChildRecursive Function getChildrenRecursive Function isLeaf Function listChildren Function removeAttribute Function removeChild Function removeChildAtIndex Function findAttribute Function setAttribute Function setString Function setInt Function setFloat Function setContent Function setName Function getName Function getLocalName Function getAttributeCount Function toString Function parse Function loadXML Function printMatrixHelper Function PMatrix2D Function set Function get Function reset Function array Function array Function translate Function invTranslate Function transpose Function mult Function multX Function multY Function skewX Function skewY Function shearX Function shearY Function determinant Function invert Function scale Function invScale Function apply Function preApply Function rotate Function rotateZ Function invRotateZ Function print Function PMatrix3D Function set Function get Function reset Function array Function array Function translate Function transpose Function mult Function preApply Function apply Function rotate Function invApply Function rotateX Function rotateY Function rotateZ Function scale Function skewX Function skewY Function shearX Function shearY Function multX Function multY Function multZ Function multW Function invert Function toString Function print Function invTranslate Function invRotateX Function invRotateY Function invRotateZ Function invScale Function PMatrixStack Function load Function $newPMatrix Function $newPMatrix Function push Function pop Function peek Function mult Function split Function splitTokens Function append Function concat Function sort Function splice Function subset Function join Function shorten Function expand Function arrayCopy Function reverse Function mix Function peg Function applyMode Function replace Function blend Function add Function subtract Function lightest Function darkest Function difference Function exclusion Function multiply Function screen Function hard_light Function soft_light Function overlay Function dodge Function burn Function color$4 Function color$2 Function color$1 Function color Function toString Function toInt Function toArray Function toGLArray Function toRGB Function colorToHSB Function brightness Function saturation Function hue Function red Function green Function blue Function alpha Function lerpColor Function colorMode Function blendColor Function saveContext Function restoreContext Function printMatrix Function translate Function translate Function scale Function scale Function transform Function transformm Function pushMatrix Function pushMatrix Function popMatrix Function popMatrix Function resetMatrix Function resetMatrix Function applyMatrix Function applyMatrix Function rotateX Function rotateZ Function rotateZ Function rotateY Function rotate Function rotate Function shearX Function shearX Function shearY Function shearY Function pushStyle Function popStyle Function year Function month Function day Function hour Function minute Function second Function millis Function redrawHelper Function redraw Function redraw Function noLoop Function loop Function frameRate Function attachEventHandler Function detachEventHandler Function exit Function cursor Function noCursor Function link Function toImageData Function toImageData Function status Function binary Function unbinary Function nfCoreScalar Function nfCore Function nf Function nfs Function nfp Function nfc Function decimalToHex Function hex Function unhexScalar Function unhex Function loadStrings Function saveStrings Function loadBytes Function removeFirstArgument Function matchAll Function contains Function replaceAll Function replaceFirst Function replace Function equals Function equalsIgnoreCase Function toCharArray Function split Function codePointAt Function match Function matches Function startsWith Function endsWith Function hashCode Function printStackTrace Function println Function print Function str Function trim Function booleanScalar Function parseBoolean Function parseByte Function parseChar Function floatScalar Function parseFloat Function intScalar Function parseInt Function __int_cast Function __instanceof Function constrain Function dist Function lerp Function mag Function map Function max Function min Function norm Function sq Function degrees Function radians Function random Function Marsaglia Function nextInt Function nextDouble Function createRandomized Function randomSeed Function Random Function nextGaussian Function PerlinNoise Function grad3d Function grad2d Function grad1d Function lerp Function noise3d Function noise2d Function noise1d Function noise Function noiseDetail Function noiseSeed Function size Function size Function size Function getGLContext Function ambientLight Function directionalLight Function lightFalloff Function lightSpecular Function lights Function pointLight Function noLights Function spotLight Function beginCamera Function beginCamera Function endCamera Function endCamera Function camera Function perspective Function frustum Function frustum Function ortho Function printProjection Function printCamera Function box Function initSphere Function sphereDetail Function sphere Function modelX Function modelY Function modelZ Function ambient Function emissive Function shininess Function specular Function screenX Function screenY Function screenY Function screenZ Function screenZ Function fill Function fill Function fill Function executeContextFill Function noFill Function stroke Function stroke Function stroke Function executeContextStroke Function noStroke Function strokeWeight Function strokeWeight Function strokeWeight Function strokeCap Function strokeJoin Function smooth Function smooth Function noSmooth Function noSmooth Function point Function point Function beginShape Function vertex Function vertex Function point3D Function line3D Function fill3D Function fillStrokeClose Function endShape Function endShape Function splineForward Function curveInit Function bezierVertex Function bezierVertex Function texture Function textureMode Function curveVertexSegment Function curveVertex Function curveVertex Function curve Function curve Function curveTightness Function curveDetail Function rectMode Function imageMode Function ellipseMode Function arc Function line Function line Function bezier Function bezier Function bezierDetail Function bezierPoint Function bezierTangent Function curvePoint Function curveTangent Function triangle Function quad Function roundedRect$2d Function rect Function rect Function ellipse Function ellipse Function normal Function save Function saveFrame Function getCanvasData Function buildPixelsObject Function PImage Function updatePixels Function fromHTMLImageData Function blend Function copy Function filter Function save Function resize Function mask Function toImageData Function toDataURL Function fromImageData Function createImage Function loadImage Function get$2 Function get$3 Function get$4 Function get$5 Function get Function createGraphics Function resetContext Function SetPixelContextWrapper Function wrapFunction Function wrapper Function wrapProperty Function getter Function setter Function replaceContext Function set$3 Function set$4 Function set Function getLength Function getPixel Function setPixel Function toArray Function set Function loadPixels Function updatePixels Function hint Function backgroundHelper Function background Function background Function image Function image Function tint Function curTint Function curTint3d Function noTint Function copy Function blend Function buildBlurKernel Function blurARGB Function dilate Function filter Function intersect Function blit_resize Function loadFont Function width Function createFont Function textFont Function textSize Function textAscent Function textDescent Function textLeading Function textAlign Function toP5String Function textWidth Function textWidth Function glyphLook Function text$line Function text$line Function text$4 Function text$6 Function text Function textMode Function loadGlyphs Function regex Function buildPath Function beforePathDraw Function afterPathDraw Function parseSVGFont Function loadXML Function param Function wireDimensionalFunctions Function createDrawingPreFunction Function size Function $init Function $init Function $ensureContext Function calculateOffset Function updateMousePosition Function addTouchEventOffset Function contextMenu Function disableContextMenu Function enableContextMenu Function onmousedown Function mouseWheelHandler Function getKeyCode Function getKeyChar Function suppressKeyEvent Function updateKeyPressed Function resetKeyPressed Function simulateKeyTyped Function handleKeydown Function handleKeypress Function handleKeyup Function onfocus Function onblur Function executeSketch Function size Function getGlobalMembers Function parseProcessing Function splitToAtoms Function injectStrings Function trimSpaces Function untrim Function trim Function appendToLookupTable Function isLookupTableEmpty Function getAtomIndex Function replaceFunc Function addAtom Function generateClassId Function appendClass Function extractClassesAndMethods Function extractConstructors Function AstParam Function toString Function AstParams Function getNames Function prependMethodArgs Function toString Function transformParams Function preExpressionTransform Function replacePrototypeMethods Function replaceInstanceof Function AstInlineClass Function toString Function transformInlineClass Function AstFunction Function toString Function replaceContext Function transformFunction Function AstInlineObject Function toString Function replaceContext Function transformInlineObject Function expandExpression Function replaceContextInVars Function AstExpression Function toString Function transformExpression Function AstVarDefinition Function toString Function transformVarDefinition Function getDefaultValueForType Function AstVar Function getNames Function toString Function AstStatement Function toString Function transformStatement Function AstForExpression Function toString Function AstForInExpression Function toString Function AstForEachExpression Function toString Function transformForExpression Function sortByWeight Function AstInnerInterface Function toString Function AstInnerClass Function toString Function transformInnerClass Function AstClassMethod Function toString Function replaceContext Function transformClassMethod Function AstClassField Function getNames Function toString Function transformClassField Function AstConstructor Function toString Function replaceContext Function transformConstructor Function AstInterfaceBody Function getMembers Function toString Function getScopeLevel Function transformInterfaceBody Function AstClassBody Function getMembers Function toString Function getScopeLevel Function replaceContext Function transformClassBody Function AstInterface Function toString Function AstClass Function toString Function transformGlobalClass Function AstMethod Function toString Function replaceContext Function transformGlobalMethod Function preStatementsTransform Function AstForStatement Function toString Function AstCatchStatement Function toString Function AstPrefixStatement Function toString Function AstSwitchCase Function toString Function AstLabel Function toString Function transformStatements Function getLocalNames Function AstStatementsBlock Function toString Function replaceContext Function transformStatementsBlock Function AstRoot Function toString Function replaceContext Function transformMain Function generateMetadata Function findInScopes Function setWeight Function removeDependentAndCheck Function preprocessCode Function clean Function compile Function setStyles Function observer Function unobserve Function clearChildren Function append Function createElement Function createTextNode Function updateSafetyMargin Function setContainerHeight Function uninit Function registerLibrary Function getInstanceById Function Sketch Function add Function attach Function toString Function loadSketchFromSources Function ajaxAsync Function onreadystatechange Function loadBlock Function callback Function init Function reload Function disableInit Function

Code navigation index up-to-date

Cannot retrieve contributors at this time

10203 lines (10106 sloc) 412 KB

	/***

	P R O C E S S I N G . J S - 1.4.1
	a port of the Processing visualization language

	Processing.js is licensed under the MIT License, see LICENSE.
	For a list of copyright holders, please refer to AUTHORS.

	http://processingjs.org

	***/

	(function(window, document, Math, undef) {
	var nop = function() {};
	var debug = function() {
	if ("console" in window) return function(msg) {
	window.console.log("Processing.js: " + msg)
	};
	return nop
	}();
	var ajax = function(url) {
	var xhr = new XMLHttpRequest;
	xhr.open("GET", url, false);
	if (xhr.overrideMimeType) xhr.overrideMimeType("text/plain");
	xhr.setRequestHeader("If-Modified-Since", "Fri, 01 Jan 1960 00:00:00 GMT");
	xhr.send(null);
	if (xhr.status !== 200 && xhr.status !== 0) throw "XMLHttpRequest failed, status code " + xhr.status;
	return xhr.responseText
	};
	var isDOMPresent = "document" in this && !("fake" in this.document);
	document.head = document.head \|\| document.getElementsByTagName("head")[0];

	function setupTypedArray(name, fallback) {
	if (name in window) return window[name];
	if (typeof window[fallback] === "function") return window[fallback];
	return function(obj) {
	if (obj instanceof Array) return obj;
	if (typeof obj === "number") {
	var arr = [];
	arr.length = obj;
	return arr
	}
	}
	}
	if (document.documentMode >= 9 && !document.doctype) throw "The doctype directive is missing. The recommended doctype in Internet Explorer is the HTML5 doctype: <!DOCTYPE html>";
	var Float32Array = setupTypedArray("Float32Array", "WebGLFloatArray"),
	Int32Array = setupTypedArray("Int32Array", "WebGLIntArray"),
	Uint16Array = setupTypedArray("Uint16Array", "WebGLUnsignedShortArray"),
	Uint8Array = setupTypedArray("Uint8Array", "WebGLUnsignedByteArray");
	var PConstants = {
	X: 0,
	Y: 1,
	Z: 2,
	R: 3,
	G: 4,
	B: 5,
	A: 6,
	U: 7,
	V: 8,
	NX: 9,
	NY: 10,
	NZ: 11,
	EDGE: 12,
	SR: 13,
	SG: 14,
	SB: 15,
	SA: 16,
	SW: 17,
	TX: 18,
	TY: 19,
	TZ: 20,
	VX: 21,
	VY: 22,
	VZ: 23,
	VW: 24,
	AR: 25,
	AG: 26,
	AB: 27,
	DR: 3,
	DG: 4,
	DB: 5,
	DA: 6,
	SPR: 28,
	SPG: 29,
	SPB: 30,
	SHINE: 31,
	ER: 32,
	EG: 33,
	EB: 34,
	BEEN_LIT: 35,
	VERTEX_FIELD_COUNT: 36,
	P2D: 1,
	JAVA2D: 1,
	WEBGL: 2,
	P3D: 2,
	OPENGL: 2,
	PDF: 0,
	DXF: 0,
	OTHER: 0,
	WINDOWS: 1,
	MAXOSX: 2,
	LINUX: 3,
	EPSILON: 1.0E-4,
	MAX_FLOAT: 3.4028235E38,
	MIN_FLOAT: -3.4028235E38,
	MAX_INT: 2147483647,
	MIN_INT: -2147483648,
	PI: Math.PI,
	TWO_PI: 2 * Math.PI,
	HALF_PI: Math.PI / 2,
	THIRD_PI: Math.PI / 3,
	QUARTER_PI: Math.PI / 4,
	DEG_TO_RAD: Math.PI / 180,
	RAD_TO_DEG: 180 / Math.PI,
	WHITESPACE: " \t\n\r\u000c\u00a0",
	RGB: 1,
	ARGB: 2,
	HSB: 3,
	ALPHA: 4,
	CMYK: 5,
	TIFF: 0,
	TARGA: 1,
	JPEG: 2,
	GIF: 3,
	BLUR: 11,
	GRAY: 12,
	INVERT: 13,
	OPAQUE: 14,
	POSTERIZE: 15,
	THRESHOLD: 16,
	ERODE: 17,
	DILATE: 18,
	REPLACE: 0,
	BLEND: 1 << 0,
	ADD: 1 << 1,
	SUBTRACT: 1 << 2,
	LIGHTEST: 1 << 3,
	DARKEST: 1 << 4,
	DIFFERENCE: 1 << 5,
	EXCLUSION: 1 << 6,
	MULTIPLY: 1 << 7,
	SCREEN: 1 << 8,
	OVERLAY: 1 << 9,
	HARD_LIGHT: 1 << 10,
	SOFT_LIGHT: 1 << 11,
	DODGE: 1 << 12,
	BURN: 1 << 13,
	ALPHA_MASK: 4278190080,
	RED_MASK: 16711680,
	GREEN_MASK: 65280,
	BLUE_MASK: 255,
	CUSTOM: 0,
	ORTHOGRAPHIC: 2,
	PERSPECTIVE: 3,
	POINT: 2,
	POINTS: 2,
	LINE: 4,
	LINES: 4,
	TRIANGLE: 8,
	TRIANGLES: 9,
	TRIANGLE_STRIP: 10,
	TRIANGLE_FAN: 11,
	QUAD: 16,
	QUADS: 16,
	QUAD_STRIP: 17,
	POLYGON: 20,
	PATH: 21,
	RECT: 30,
	ELLIPSE: 31,
	ARC: 32,
	SPHERE: 40,
	BOX: 41,
	GROUP: 0,
	PRIMITIVE: 1,
	GEOMETRY: 3,
	VERTEX: 0,
	BEZIER_VERTEX: 1,
	CURVE_VERTEX: 2,
	BREAK: 3,
	CLOSESHAPE: 4,
	OPEN: 1,
	CLOSE: 2,
	CORNER: 0,
	CORNERS: 1,
	RADIUS: 2,
	CENTER_RADIUS: 2,
	CENTER: 3,
	DIAMETER: 3,
	CENTER_DIAMETER: 3,
	BASELINE: 0,
	TOP: 101,
	BOTTOM: 102,
	NORMAL: 1,
	NORMALIZED: 1,
	IMAGE: 2,
	MODEL: 4,
	SHAPE: 5,
	SQUARE: "butt",
	ROUND: "round",
	PROJECT: "square",
	MITER: "miter",
	BEVEL: "bevel",
	AMBIENT: 0,
	DIRECTIONAL: 1,
	SPOT: 3,
	BACKSPACE: 8,
	TAB: 9,
	ENTER: 10,
	RETURN: 13,
	ESC: 27,
	DELETE: 127,
	CODED: 65535,
	SHIFT: 16,
	CONTROL: 17,
	ALT: 18,
	CAPSLK: 20,
	PGUP: 33,
	PGDN: 34,
	END: 35,
	HOME: 36,
	LEFT: 37,
	UP: 38,
	RIGHT: 39,
	DOWN: 40,
	F1: 112,
	F2: 113,
	F3: 114,
	F4: 115,
	F5: 116,
	F6: 117,
	F7: 118,
	F8: 119,
	F9: 120,
	F10: 121,
	F11: 122,
	F12: 123,
	NUMLK: 144,
	META: 157,
	INSERT: 155,
	ARROW: "default",
	CROSS: "crosshair",
	HAND: "pointer",
	MOVE: "move",
	TEXT: "text",
	WAIT: "wait",
	NOCURSOR: "url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='), auto",
	DISABLE_OPENGL_2X_SMOOTH: 1,
	ENABLE_OPENGL_2X_SMOOTH: -1,
	ENABLE_OPENGL_4X_SMOOTH: 2,
	ENABLE_NATIVE_FONTS: 3,
	DISABLE_DEPTH_TEST: 4,
	ENABLE_DEPTH_TEST: -4,
	ENABLE_DEPTH_SORT: 5,
	DISABLE_DEPTH_SORT: -5,
	DISABLE_OPENGL_ERROR_REPORT: 6,
	ENABLE_OPENGL_ERROR_REPORT: -6,
	ENABLE_ACCURATE_TEXTURES: 7,
	DISABLE_ACCURATE_TEXTURES: -7,
	HINT_COUNT: 10,
	SINCOS_LENGTH: 720,
	PRECISIONB: 15,
	PRECISIONF: 1 << 15,
	PREC_MAXVAL: (1 << 15) - 1,
	PREC_ALPHA_SHIFT: 24 - 15,
	PREC_RED_SHIFT: 16 - 15,
	NORMAL_MODE_AUTO: 0,
	NORMAL_MODE_SHAPE: 1,
	NORMAL_MODE_VERTEX: 2,
	MAX_LIGHTS: 8
	};

	function virtHashCode(obj) {
	if (typeof obj === "string") {
	var hash = 0;
	for (var i = 0; i < obj.length; ++i) hash = hash * 31 + obj.charCodeAt(i) & 4294967295;
	return hash
	}
	if (typeof obj !== "object") return obj & 4294967295;
	if (obj.hashCode instanceof Function) return obj.hashCode();
	if (obj.$id === undef) obj.$id = Math.floor(Math.random() * 65536) - 32768 << 16 \| Math.floor(Math.random() * 65536);
	return obj.$id
	}
	function virtEquals(obj, other) {
	if (obj === null \|\| other === null) return obj === null && other === null;
	if (typeof obj === "string") return obj === other;
	if (typeof obj !== "object") return obj === other;
	if (obj.equals instanceof Function) return obj.equals(other);
	return obj === other
	}
	var ObjectIterator = function(obj) {
	if (obj.iterator instanceof
	Function) return obj.iterator();
	if (obj instanceof Array) {
	var index = -1;
	this.hasNext = function() {
	return ++index < obj.length
	};
	this.next = function() {
	return obj[index]
	}
	} else throw "Unable to iterate: " + obj;
	};
	var ArrayList = function() {
	function Iterator(array) {
	var index = 0;
	this.hasNext = function() {
	return index < array.length
	};
	this.next = function() {
	return array[index++]
	};
	this.remove = function() {
	array.splice(index, 1)
	}
	}
	function ArrayList(a) {
	var array;
	if (a instanceof ArrayList) array = a.toArray();
	else {
	array = [];
	if (typeof a === "number") array.length = a > 0 ? a : 0
	}
	this.get = function(i) {
	return array[i]
	};
	this.contains = function(item) {
	return this.indexOf(item) > -1
	};
	this.indexOf = function(item) {
	for (var i = 0, len = array.length; i < len; ++i) if (virtEquals(item, array[i])) return i;
	return -1
	};
	this.lastIndexOf = function(item) {
	for (var i = array.length - 1; i >= 0; --i) if (virtEquals(item, array[i])) return i;
	return -1
	};
	this.add = function() {
	if (arguments.length === 1) array.push(arguments[0]);
	else if (arguments.length === 2) {
	var arg0 = arguments[0];
	if (typeof arg0 === "number") if (arg0 >= 0 && arg0 <= array.length) array.splice(arg0, 0, arguments[1]);
	else throw arg0 + " is not a valid index";
	else throw typeof arg0 + " is not a number";
	} else throw "Please use the proper number of parameters.";
	};
	this.addAll = function(arg1, arg2) {
	var it;
	if (typeof arg1 === "number") {
	if (arg1 < 0 \|\| arg1 > array.length) throw "Index out of bounds for addAll: " + arg1 + " greater or equal than " + array.length;
	it = new ObjectIterator(arg2);
	while (it.hasNext()) array.splice(arg1++, 0, it.next())
	} else {
	it = new ObjectIterator(arg1);
	while (it.hasNext()) array.push(it.next())
	}
	};
	this.set = function() {
	if (arguments.length === 2) {
	var arg0 = arguments[0];
	if (typeof arg0 === "number") if (arg0 >= 0 && arg0 < array.length) array.splice(arg0, 1, arguments[1]);
	else throw arg0 + " is not a valid index.";
	else throw typeof arg0 + " is not a number";
	} else throw "Please use the proper number of parameters.";
	};
	this.size = function() {
	return array.length
	};
	this.clear = function() {
	array.length = 0
	};
	this.remove = function(item) {
	if (typeof item === "number") return array.splice(item, 1)[0];
	item = this.indexOf(item);
	if (item > -1) {
	array.splice(item, 1);
	return true
	}
	return false
	};
	this.removeAll = function(c) {
	var i, x, item, newList = new ArrayList;
	newList.addAll(this);
	this.clear();
	for (i = 0, x = 0; i < newList.size(); i++) {
	item = newList.get(i);
	if (!c.contains(item)) this.add(x++, item)
	}
	if (this.size() < newList.size()) return true;
	return false
	};
	this.isEmpty = function() {
	return !array.length
	};
	this.clone = function() {
	return new ArrayList(this)
	};
	this.toArray = function() {
	return array.slice(0)
	};
	this.iterator = function() {
	return new Iterator(array)
	}
	}
	return ArrayList
	}();
	var HashMap = function() {
	function HashMap() {
	if (arguments.length === 1 && arguments[0] instanceof HashMap) return arguments[0].clone();
	var initialCapacity = arguments.length > 0 ? arguments[0] : 16;
	var loadFactor = arguments.length > 1 ? arguments[1] : 0.75;
	var buckets = [];
	buckets.length = initialCapacity;
	var count = 0;
	var hashMap = this;

	function getBucketIndex(key) {
	var index = virtHashCode(key) % buckets.length;
	return index < 0 ? buckets.length + index : index
	}
	function ensureLoad() {
	if (count <= loadFactor * buckets.length) return;
	var allEntries = [];
	for (var i = 0; i < buckets.length; ++i) if (buckets[i] !== undef) allEntries = allEntries.concat(buckets[i]);
	var newBucketsLength = buckets.length * 2;
	buckets = [];
	buckets.length = newBucketsLength;
	for (var j = 0; j < allEntries.length; ++j) {
	var index = getBucketIndex(allEntries[j].key);
	var bucket = buckets[index];
	if (bucket === undef) buckets[index] = bucket = [];
	bucket.push(allEntries[j])
	}
	}
	function Iterator(conversion, removeItem) {
	var bucketIndex = 0;
	var itemIndex = -1;
	var endOfBuckets = false;
	var currentItem;

	function findNext() {
	while (!endOfBuckets) {
	++itemIndex;
	if (bucketIndex >= buckets.length) endOfBuckets = true;
	else if (buckets[bucketIndex] === undef \|\| itemIndex >= buckets[bucketIndex].length) {
	itemIndex = -1;
	++bucketIndex
	} else return
	}
	}
	this.hasNext = function() {
	return !endOfBuckets
	};
	this.next = function() {
	currentItem = conversion(buckets[bucketIndex][itemIndex]);
	findNext();
	return currentItem
	};
	this.remove = function() {
	if (currentItem !== undef) {
	removeItem(currentItem);
	--itemIndex;
	findNext()
	}
	};
	findNext()
	}
	function Set(conversion, isIn, removeItem) {
	this.clear = function() {
	hashMap.clear()
	};
	this.contains = function(o) {
	return isIn(o)
	};
	this.containsAll = function(o) {
	var it = o.iterator();
	while (it.hasNext()) if (!this.contains(it.next())) return false;
	return true
	};
	this.isEmpty = function() {
	return hashMap.isEmpty()
	};
	this.iterator = function() {
	return new Iterator(conversion, removeItem)
	};
	this.remove = function(o) {
	if (this.contains(o)) {
	removeItem(o);
	return true
	}
	return false
	};
	this.removeAll = function(c) {
	var it = c.iterator();
	var changed = false;
	while (it.hasNext()) {
	var item = it.next();
	if (this.contains(item)) {
	removeItem(item);
	changed = true
	}
	}
	return true
	};
	this.retainAll = function(c) {
	var it = this.iterator();
	var toRemove = [];
	while (it.hasNext()) {
	var entry = it.next();
	if (!c.contains(entry)) toRemove.push(entry)
	}
	for (var i = 0; i < toRemove.length; ++i) removeItem(toRemove[i]);
	return toRemove.length > 0
	};
	this.size = function() {
	return hashMap.size()
	};
	this.toArray = function() {
	var result = [];
	var it = this.iterator();
	while (it.hasNext()) result.push(it.next());
	return result
	}
	}
	function Entry(pair) {
	this._isIn = function(map) {
	return map === hashMap && pair.removed === undef
	};
	this.equals = function(o) {
	return virtEquals(pair.key, o.getKey())
	};
	this.getKey = function() {
	return pair.key
	};
	this.getValue = function() {
	return pair.value
	};
	this.hashCode = function(o) {
	return virtHashCode(pair.key)
	};
	this.setValue = function(value) {
	var old = pair.value;
	pair.value = value;
	return old
	}
	}
	this.clear = function() {
	count = 0;
	buckets = [];
	buckets.length = initialCapacity
	};
	this.clone = function() {
	var map = new HashMap;
	map.putAll(this);
	return map
	};
	this.containsKey = function(key) {
	var index = getBucketIndex(key);
	var bucket = buckets[index];
	if (bucket === undef) return false;
	for (var i = 0; i < bucket.length; ++i) if (virtEquals(bucket[i].key, key)) return true;
	return false
	};
	this.containsValue = function(value) {
	for (var i = 0; i < buckets.length; ++i) {
	var bucket = buckets[i];
	if (bucket === undef) continue;
	for (var j = 0; j < bucket.length; ++j) if (virtEquals(bucket[j].value, value)) return true
	}
	return false
	};
	this.entrySet = function() {
	return new Set(function(pair) {
	return new Entry(pair)
	},


	function(pair) {
	return pair instanceof Entry && pair._isIn(hashMap)
	},


	function(pair) {
	return hashMap.remove(pair.getKey())
	})
	};
	this.get = function(key) {
	var index = getBucketIndex(key);
	var bucket = buckets[index];
	if (bucket === undef) return null;
	for (var i = 0; i < bucket.length; ++i) if (virtEquals(bucket[i].key, key)) return bucket[i].value;
	return null
	};
	this.isEmpty = function() {
	return count === 0
	};
	this.keySet = function() {
	return new Set(function(pair) {
	return pair.key
	},


	function(key) {
	return hashMap.containsKey(key)
	},


	function(key) {
	return hashMap.remove(key)
	})
	};
	this.values = function() {
	return new Set(function(pair) {
	return pair.value
	},


	function(value) {
	return hashMap.containsValue(value)
	},

	function(value) {
	return hashMap.removeByValue(value)
	})
	};
	this.put = function(key, value) {
	var index = getBucketIndex(key);
	var bucket = buckets[index];
	if (bucket === undef) {
	++count;
	buckets[index] = [{
	key: key,
	value: value
	}];
	ensureLoad();
	return null
	}
	for (var i = 0; i < bucket.length; ++i) if (virtEquals(bucket[i].key, key)) {
	var previous = bucket[i].value;
	bucket[i].value = value;
	return previous
	}++count;
	bucket.push({
	key: key,
	value: value
	});
	ensureLoad();
	return null
	};
	this.putAll = function(m) {
	var it = m.entrySet().iterator();
	while (it.hasNext()) {
	var entry = it.next();
	this.put(entry.getKey(), entry.getValue())
	}
	};
	this.remove = function(key) {
	var index = getBucketIndex(key);
	var bucket = buckets[index];
	if (bucket === undef) return null;
	for (var i = 0; i < bucket.length; ++i) if (virtEquals(bucket[i].key, key)) {
	--count;
	var previous = bucket[i].value;
	bucket[i].removed = true;
	if (bucket.length > 1) bucket.splice(i, 1);
	else buckets[index] = undef;
	return previous
	}
	return null
	};
	this.removeByValue = function(value) {
	var bucket, i, ilen, pair;
	for (bucket in buckets) if (buckets.hasOwnProperty(bucket)) for (i = 0, ilen = buckets[bucket].length; i < ilen; i++) {
	pair = buckets[bucket][i];
	if (pair.value === value) {
	buckets[bucket].splice(i, 1);
	return true
	}
	}
	return false
	};
	this.size = function() {
	return count
	}
	}
	return HashMap
	}();
	var PVector = function() {
	function PVector(x, y, z) {
	this.x = x \|\| 0;
	this.y = y \|\| 0;
	this.z = z \|\| 0
	}
	PVector.dist = function(v1, v2) {
	return v1.dist(v2)
	};
	PVector.dot = function(v1, v2) {
	return v1.dot(v2)
	};
	PVector.cross = function(v1, v2) {
	return v1.cross(v2)
	};
	PVector.angleBetween = function(v1, v2) {
	return Math.acos(v1.dot(v2) / (v1.mag() * v2.mag()))
	};
	PVector.prototype = {
	set: function(v, y, z) {
	if (arguments.length === 1) this.set(v.x \|\| v[0] \|\| 0, v.y \|\| v[1] \|\| 0, v.z \|\| v[2] \|\| 0);
	else {
	this.x = v;
	this.y = y;
	this.z = z
	}
	},
	get: function() {
	return new PVector(this.x, this.y, this.z)
	},
	mag: function() {
	var x = this.x,
	y = this.y,
	z = this.z;
	return Math.sqrt(x * x + y * y + z * z)
	},
	add: function(v, y, z) {
	if (arguments.length === 1) {
	this.x += v.x;
	this.y += v.y;
	this.z += v.z
	} else {
	this.x += v;
	this.y += y;
	this.z += z
	}
	},
	sub: function(v, y, z) {
	if (arguments.length === 1) {
	this.x -= v.x;
	this.y -= v.y;
	this.z -= v.z
	} else {
	this.x -= v;
	this.y -= y;
	this.z -= z
	}
	},
	mult: function(v) {
	if (typeof v === "number") {
	this.x *= v;
	this.y *= v;
	this.z *= v
	} else {
	this.x *= v.x;
	this.y *= v.y;
	this.z *= v.z
	}
	},
	div: function(v) {
	if (typeof v === "number") {
	this.x /= v;
	this.y /= v;
	this.z /= v
	} else {
	this.x /= v.x;
	this.y /= v.y;
	this.z /= v.z
	}
	},
	dist: function(v) {
	var dx = this.x - v.x,
	dy = this.y - v.y,
	dz = this.z - v.z;
	return Math.sqrt(dx * dx + dy * dy + dz * dz)
	},
	dot: function(v, y, z) {
	if (arguments.length === 1) return this.x * v.x + this.y * v.y + this.z * v.z;
	return this.x * v + this.y * y + this.z * z
	},
	cross: function(v) {
	var x = this.x,
	y = this.y,
	z = this.z;
	return new PVector(y * v.z - v.y * z, z * v.x - v.z * x, x * v.y - v.x * y)
	},
	normalize: function() {
	var m = this.mag();
	if (m > 0) this.div(m)
	},
	limit: function(high) {
	if (this.mag() > high) {
	this.normalize();
	this.mult(high)
	}
	},
	heading2D: function() {
	return -Math.atan2(-this.y, this.x)
	},
	toString: function() {
	return "[" + this.x + ", " + this.y + ", " + this.z + "]"
	},
	array: function() {
	return [this.x, this.y, this.z]
	}
	};

	function createPVectorMethod(method) {
	return function(v1, v2) {
	var v = v1.get();
	v[method](v2);
	return v
	}
	}
	for (var method in PVector.prototype) if (PVector.prototype.hasOwnProperty(method) && !PVector.hasOwnProperty(method)) PVector[method] = createPVectorMethod(method);
	return PVector
	}();

	function DefaultScope() {}
	DefaultScope.prototype = PConstants;
	var defaultScope = new DefaultScope;
	defaultScope.ArrayList = ArrayList;
	defaultScope.HashMap = HashMap;
	defaultScope.PVector = PVector;
	defaultScope.ObjectIterator = ObjectIterator;
	defaultScope.PConstants = PConstants;
	defaultScope.defineProperty = function(obj, name, desc) {
	if ("defineProperty" in Object) Object.defineProperty(obj, name, desc);
	else {
	if (desc.hasOwnProperty("get")) obj.__defineGetter__(name, desc.get);
	if (desc.hasOwnProperty("set")) obj.__defineSetter__(name, desc.set)
	}
	};

	function overloadBaseClassFunction(object, name, basefn) {
	if (!object.hasOwnProperty(name) \|\| typeof object[name] !== "function") {
	object[name] = basefn;
	return
	}
	var fn = object[name];
	if ("$overloads" in fn) {
	fn.$defaultOverload = basefn;
	return
	}
	if (! ("$overloads" in basefn) && fn.length === basefn.length) return;
	var overloads, defaultOverload;
	if ("$overloads" in basefn) {
	overloads = basefn.$overloads.slice(0);
	overloads[fn.length] = fn;
	defaultOverload = basefn.$defaultOverload
	} else {
	overloads = [];
	overloads[basefn.length] = basefn;
	overloads[fn.length] = fn;
	defaultOverload = fn
	}
	var hubfn = function() {
	var fn = hubfn.$overloads[arguments.length] \|\| ("$methodArgsIndex" in hubfn && arguments.length > hubfn.$methodArgsIndex ? hubfn.$overloads[hubfn.$methodArgsIndex] : null) \|\| hubfn.$defaultOverload;
	return fn.apply(this, arguments)
	};
	hubfn.$overloads = overloads;
	if ("$methodArgsIndex" in basefn) hubfn.$methodArgsIndex = basefn.$methodArgsIndex;
	hubfn.$defaultOverload = defaultOverload;
	hubfn.name = name;
	object[name] = hubfn
	}
	function extendClass(subClass, baseClass) {
	function extendGetterSetter(propertyName) {
	defaultScope.defineProperty(subClass, propertyName, {
	get: function() {
	return baseClass[propertyName]
	},
	set: function(v) {
	baseClass[propertyName] = v
	},
	enumerable: true
	})
	}
	var properties = [];
	for (var propertyName in baseClass) if (typeof baseClass[propertyName] === "function") overloadBaseClassFunction(subClass, propertyName, baseClass[propertyName]);
	else if (propertyName.charAt(0) !== "$" && !(propertyName in subClass)) properties.push(propertyName);
	while (properties.length > 0) extendGetterSetter(properties.shift());
	subClass.$super = baseClass
	}
	defaultScope.extendClassChain = function(base) {
	var path = [base];
	for (var self = base.$upcast; self; self = self.$upcast) {
	extendClass(self, base);
	path.push(self);
	base = self
	}
	while (path.length > 0) path.pop().$self = base
	};
	defaultScope.extendStaticMembers = function(derived, base) {
	extendClass(derived, base)
	};
	defaultScope.extendInterfaceMembers = function(derived, base) {
	extendClass(derived, base)
	};
	defaultScope.addMethod = function(object, name, fn, hasMethodArgs) {
	var existingfn = object[name];
	if (existingfn \|\| hasMethodArgs) {
	var args = fn.length;
	if ("$overloads" in existingfn) existingfn.$overloads[args] = fn;
	else {
	var hubfn = function() {
	var fn = hubfn.$overloads[arguments.length] \|\| ("$methodArgsIndex" in hubfn && arguments.length > hubfn.$methodArgsIndex ? hubfn.$overloads[hubfn.$methodArgsIndex] : null) \|\| hubfn.$defaultOverload;
	return fn.apply(this, arguments)
	};
	var overloads = [];
	if (existingfn) overloads[existingfn.length] = existingfn;
	overloads[args] = fn;
	hubfn.$overloads = overloads;
	hubfn.$defaultOverload = existingfn \|\| fn;
	if (hasMethodArgs) hubfn.$methodArgsIndex = args;
	hubfn.name = name;
	object[name] = hubfn
	}
	} else object[name] = fn
	};

	function isNumericalJavaType(type) {
	if (typeof type !== "string") return false;
	return ["byte", "int", "char", "color", "float", "long", "double"].indexOf(type) !== -1
	}
	defaultScope.createJavaArray = function(type, bounds) {
	var result = null,
	defaultValue = null;
	if (typeof type === "string") if (type === "boolean") defaultValue = false;
	else if (isNumericalJavaType(type)) defaultValue = 0;
	if (typeof bounds[0] === "number") {
	var itemsCount = 0 \| bounds[0];
	if (bounds.length <= 1) {
	result = [];
	result.length = itemsCount;
	for (var i = 0; i < itemsCount; ++i) result[i] = defaultValue
	} else {
	result = [];
	var newBounds = bounds.slice(1);
	for (var j = 0; j < itemsCount; ++j) result.push(defaultScope.createJavaArray(type, newBounds))
	}
	}
	return result
	};
	var colors = {
	aliceblue: "#f0f8ff",
	antiquewhite: "#faebd7",
	aqua: "#00ffff",
	aquamarine: "#7fffd4",
	azure: "#f0ffff",
	beige: "#f5f5dc",
	bisque: "#ffe4c4",
	black: "#000000",
	blanchedalmond: "#ffebcd",
	blue: "#0000ff",
	blueviolet: "#8a2be2",
	brown: "#a52a2a",
	burlywood: "#deb887",
	cadetblue: "#5f9ea0",
	chartreuse: "#7fff00",
	chocolate: "#d2691e",
	coral: "#ff7f50",
	cornflowerblue: "#6495ed",
	cornsilk: "#fff8dc",
	crimson: "#dc143c",
	cyan: "#00ffff",
	darkblue: "#00008b",
	darkcyan: "#008b8b",
	darkgoldenrod: "#b8860b",
	darkgray: "#a9a9a9",
	darkgreen: "#006400",
	darkkhaki: "#bdb76b",
	darkmagenta: "#8b008b",
	darkolivegreen: "#556b2f",
	darkorange: "#ff8c00",
	darkorchid: "#9932cc",
	darkred: "#8b0000",
	darksalmon: "#e9967a",
	darkseagreen: "#8fbc8f",
	darkslateblue: "#483d8b",
	darkslategray: "#2f4f4f",
	darkturquoise: "#00ced1",
	darkviolet: "#9400d3",
	deeppink: "#ff1493",
	deepskyblue: "#00bfff",
	dimgray: "#696969",
	dodgerblue: "#1e90ff",
	firebrick: "#b22222",
	floralwhite: "#fffaf0",
	forestgreen: "#228b22",
	fuchsia: "#ff00ff",
	gainsboro: "#dcdcdc",
	ghostwhite: "#f8f8ff",
	gold: "#ffd700",
	goldenrod: "#daa520",
	gray: "#808080",
	green: "#008000",
	greenyellow: "#adff2f",
	honeydew: "#f0fff0",
	hotpink: "#ff69b4",
	indianred: "#cd5c5c",
	indigo: "#4b0082",
	ivory: "#fffff0",
	khaki: "#f0e68c",
	lavender: "#e6e6fa",
	lavenderblush: "#fff0f5",
	lawngreen: "#7cfc00",
	lemonchiffon: "#fffacd",
	lightblue: "#add8e6",
	lightcoral: "#f08080",
	lightcyan: "#e0ffff",
	lightgoldenrodyellow: "#fafad2",
	lightgrey: "#d3d3d3",
	lightgreen: "#90ee90",
	lightpink: "#ffb6c1",
	lightsalmon: "#ffa07a",
	lightseagreen: "#20b2aa",
	lightskyblue: "#87cefa",
	lightslategray: "#778899",
	lightsteelblue: "#b0c4de",
	lightyellow: "#ffffe0",
	lime: "#00ff00",
	limegreen: "#32cd32",
	linen: "#faf0e6",
	magenta: "#ff00ff",
	maroon: "#800000",
	mediumaquamarine: "#66cdaa",
	mediumblue: "#0000cd",
	mediumorchid: "#ba55d3",
	mediumpurple: "#9370d8",
	mediumseagreen: "#3cb371",
	mediumslateblue: "#7b68ee",
	mediumspringgreen: "#00fa9a",
	mediumturquoise: "#48d1cc",
	mediumvioletred: "#c71585",
	midnightblue: "#191970",
	mintcream: "#f5fffa",
	mistyrose: "#ffe4e1",
	moccasin: "#ffe4b5",
	navajowhite: "#ffdead",
	navy: "#000080",
	oldlace: "#fdf5e6",
	olive: "#808000",
	olivedrab: "#6b8e23",
	orange: "#ffa500",
	orangered: "#ff4500",
	orchid: "#da70d6",
	palegoldenrod: "#eee8aa",
	palegreen: "#98fb98",
	paleturquoise: "#afeeee",
	palevioletred: "#d87093",
	papayawhip: "#ffefd5",
	peachpuff: "#ffdab9",
	peru: "#cd853f",
	pink: "#ffc0cb",
	plum: "#dda0dd",
	powderblue: "#b0e0e6",
	purple: "#800080",
	red: "#ff0000",
	rosybrown: "#bc8f8f",
	royalblue: "#4169e1",
	saddlebrown: "#8b4513",
	salmon: "#fa8072",
	sandybrown: "#f4a460",
	seagreen: "#2e8b57",
	seashell: "#fff5ee",
	sienna: "#a0522d",
	silver: "#c0c0c0",
	skyblue: "#87ceeb",
	slateblue: "#6a5acd",
	slategray: "#708090",
	snow: "#fffafa",
	springgreen: "#00ff7f",
	steelblue: "#4682b4",
	tan: "#d2b48c",
	teal: "#008080",
	thistle: "#d8bfd8",
	tomato: "#ff6347",
	turquoise: "#40e0d0",
	violet: "#ee82ee",
	wheat: "#f5deb3",
	white: "#ffffff",
	whitesmoke: "#f5f5f5",
	yellow: "#ffff00",
	yellowgreen: "#9acd32"
	};
	(function(Processing) {
	var unsupportedP5 = ("open() createOutput() createInput() BufferedReader selectFolder() " + "dataPath() createWriter() selectOutput() beginRecord() " + "saveStream() endRecord() selectInput() saveBytes() createReader() " + "beginRaw() endRaw() PrintWriter delay()").split(" "),
	count = unsupportedP5.length,
	prettyName, p5Name;

	function createUnsupportedFunc(n) {
	return function() {
	throw "Processing.js does not support " + n + ".";
	}
	}
	while (count--) {
	prettyName = unsupportedP5[count];
	p5Name = prettyName.replace("()", "");
	Processing[p5Name] = createUnsupportedFunc(prettyName)
	}
	})(defaultScope);
	defaultScope.defineProperty(defaultScope, "screenWidth", {
	get: function() {
	return window.innerWidth
	}
	});
	defaultScope.defineProperty(defaultScope, "screenHeight", {
	get: function() {
	return window.innerHeight
	}
	});
	defaultScope.defineProperty(defaultScope, "online", {
	get: function() {
	return true
	}
	});
	var processingInstances = [];
	var processingInstanceIds = {};
	var removeInstance = function(id) {
	processingInstances.splice(processingInstanceIds[id], 1);
	delete processingInstanceIds[id]
	};
	var addInstance = function(processing) {
	if (processing.externals.canvas.id === undef \|\| !processing.externals.canvas.id.length) processing.externals.canvas.id = "__processing" + processingInstances.length;
	processingInstanceIds[processing.externals.canvas.id] = processingInstances.length;
	processingInstances.push(processing)
	};

	function computeFontMetrics(pfont) {
	var emQuad = 250,
	correctionFactor = pfont.size / emQuad,
	canvas = document.createElement("canvas");
	canvas.width = 2 * emQuad;
	canvas.height = 2 * emQuad;
	canvas.style.opacity = 0;
	var cfmFont = pfont.getCSSDefinition(emQuad + "px", "normal"),
	ctx = canvas.getContext("2d");
	ctx.font = cfmFont;
	var protrusions = "dbflkhyjqpg";
	canvas.width = ctx.measureText(protrusions).width;
	ctx.font = cfmFont;
	var leadDiv = document.createElement("div");
	leadDiv.style.position = "absolute";
	leadDiv.style.opacity = 0;
	leadDiv.style.fontFamily = '"' + pfont.name + '"';
	leadDiv.style.fontSize = emQuad + "px";
	leadDiv.innerHTML = protrusions + "<br/>" + protrusions;
	document.body.appendChild(leadDiv);
	var w = canvas.width,
	h = canvas.height,
	baseline = h / 2;
	ctx.fillStyle = "white";
	ctx.fillRect(0, 0, w, h);
	ctx.fillStyle = "black";
	ctx.fillText(protrusions, 0, baseline);
	var pixelData = ctx.getImageData(0, 0, w, h).data;
	var i = 0,
	w4 = w * 4,
	len = pixelData.length;
	while (++i < len && pixelData[i] === 255) nop();
	var ascent = Math.round(i / w4);
	i = len - 1;
	while (--i > 0 && pixelData[i] === 255) nop();
	var descent = Math.round(i / w4);
	pfont.ascent = correctionFactor * (baseline - ascent);
	pfont.descent = correctionFactor * (descent - baseline);
	if (document.defaultView.getComputedStyle) {
	var leadDivHeight = document.defaultView.getComputedStyle(leadDiv, null).getPropertyValue("height");
	leadDivHeight = correctionFactor * leadDivHeight.replace("px", "");
	if (leadDivHeight >= pfont.size * 2) pfont.leading = Math.round(leadDivHeight / 2)
	}
	document.body.removeChild(leadDiv);
	if (pfont.caching) return ctx
	}
	function PFont(name, size) {
	if (name === undef) name = "";
	this.name = name;
	if (size === undef) size = 0;
	this.size = size;
	this.glyph = false;
	this.ascent = 0;
	this.descent = 0;
	this.leading = 1.2 * size;
	var illegalIndicator = name.indexOf(" Italic Bold");
	if (illegalIndicator !== -1) name = name.substring(0, illegalIndicator);
	this.style = "normal";
	var italicsIndicator = name.indexOf(" Italic");
	if (italicsIndicator !== -1) {
	name = name.substring(0, italicsIndicator);
	this.style = "italic"
	}
	this.weight = "normal";
	var boldIndicator = name.indexOf(" Bold");
	if (boldIndicator !== -1) {
	name = name.substring(0, boldIndicator);
	this.weight = "bold"
	}
	this.family = "sans-serif";
	if (name !== undef) switch (name) {
	case "sans-serif":
	case "serif":
	case "monospace":
	case "fantasy":
	case "cursive":
	this.family = name;
	break;
	default:
	this.family = '"' + name + '", sans-serif';
	break
	}
	this.context2d = computeFontMetrics(this);
	this.css = this.getCSSDefinition();
	if (this.context2d) this.context2d.font = this.css
	}
	PFont.prototype.caching = true;
	PFont.prototype.getCSSDefinition = function(fontSize, lineHeight) {
	if (fontSize === undef) fontSize = this.size + "px";
	if (lineHeight === undef) lineHeight = this.leading + "px";
	var components = [this.style, "normal", this.weight, fontSize + "/" + lineHeight, this.family];
	return components.join(" ")
	};
	PFont.prototype.measureTextWidth = function(string) {
	return this.context2d.measureText(string).width
	};
	PFont.prototype.measureTextWidthFallback = function(string) {
	var canvas = document.createElement("canvas"),
	ctx = canvas.getContext("2d");
	ctx.font = this.css;
	return ctx.measureText(string).width
	};
	PFont.PFontCache = {
	length: 0
	};
	PFont.get = function(fontName, fontSize) {
	fontSize = (fontSize * 10 + 0.5 \| 0) / 10;
	var cache = PFont.PFontCache,
	idx = fontName + "/" + fontSize;
	if (!cache[idx]) {
	cache[idx] = new PFont(fontName, fontSize);
	cache.length++;
	if (cache.length === 50) {
	PFont.prototype.measureTextWidth = PFont.prototype.measureTextWidthFallback;
	PFont.prototype.caching = false;
	var entry;
	for (entry in cache) if (entry !== "length") cache[entry].context2d = null;
	return new PFont(fontName, fontSize)
	}
	if (cache.length === 400) {
	PFont.PFontCache = {};
	PFont.get = PFont.getFallback;
	return new PFont(fontName, fontSize)
	}
	}
	return cache[idx]
	};
	PFont.getFallback = function(fontName, fontSize) {
	return new PFont(fontName, fontSize)
	};
	PFont.list = function() {
	return ["sans-serif", "serif", "monospace", "fantasy", "cursive"]
	};
	PFont.preloading = {
	template: {},
	initialized: false,
	initialize: function() {
	var generateTinyFont = function() {
	var encoded = "#E3KAI2wAgT1MvMg7Eo3VmNtYX7ABi3CxnbHlm" + "7Abw3kaGVhZ7ACs3OGhoZWE7A53CRobXR47AY3" + "AGbG9jYQ7G03Bm1heH7ABC3CBuYW1l7Ae3AgcG" + "9zd7AI3AE#B3AQ2kgTY18PPPUACwAg3ALSRoo3" + "#yld0xg32QAB77#E777773B#E3C#I#Q77773E#" + "Q7777777772CMAIw7AB77732B#M#Q3wAB#g3B#" + "E#E2BB//82BB////w#B7#gAEg3E77x2B32B#E#" + "Q#MTcBAQ32gAe#M#QQJ#E32M#QQJ#I#g32Q77#";
	var expand = function(input) {
	return "AAAAAAAA".substr(~~input ? 7 - input : 6)
	};
	return encoded.replace(/[#237]/g, expand)
	};
	var fontface = document.createElement("style");
	fontface.setAttribute("type", "text/css");
	fontface.innerHTML = "@font-face {\n" + ' font-family: "PjsEmptyFont";' + "\n" + " src: url('data:application/x-font-ttf;base64," + generateTinyFont() + "')\n" + " format('truetype');\n" + "}";
	document.head.appendChild(fontface);
	var element = document.createElement("span");
	element.style.cssText = 'position: absolute; top: 0; left: 0; opacity: 0; font-family: "PjsEmptyFont", fantasy;';
	element.innerHTML = "AAAAAAAA";
	document.body.appendChild(element);
	this.template = element;
	this.initialized = true
	},
	getElementWidth: function(element) {
	return document.defaultView.getComputedStyle(element, "").getPropertyValue("width")
	},
	timeAttempted: 0,
	pending: function(intervallength) {
	if (!this.initialized) this.initialize();
	var element, computedWidthFont, computedWidthRef = this.getElementWidth(this.template);
	for (var i = 0; i < this.fontList.length; i++) {
	element = this.fontList[i];
	computedWidthFont = this.getElementWidth(element);
	if (this.timeAttempted < 4E3 && computedWidthFont === computedWidthRef) {
	this.timeAttempted += intervallength;
	return true
	} else {
	document.body.removeChild(element);
	this.fontList.splice(i--, 1);
	this.timeAttempted = 0
	}
	}
	if (this.fontList.length === 0) return false;
	return true
	},
	fontList: [],
	addedList: {},
	add: function(fontSrc) {
	if (!this.initialized) this.initialize();
	var fontName = typeof fontSrc === "object" ? fontSrc.fontFace : fontSrc,
	fontUrl = typeof fontSrc === "object" ? fontSrc.url : fontSrc;
	if (this.addedList[fontName]) return;
	var style = document.createElement("style");
	style.setAttribute("type", "text/css");
	style.innerHTML = "@font-face{\n font-family: '" + fontName + "';\n src: url('" + fontUrl + "');\n}\n";
	document.head.appendChild(style);
	this.addedList[fontName] = true;
	var element = document.createElement("span");
	element.style.cssText = "position: absolute; top: 0; left: 0; opacity: 0;";
	element.style.fontFamily = '"' + fontName + '", "PjsEmptyFont", fantasy';
	element.innerHTML = "AAAAAAAA";
	document.body.appendChild(element);
	this.fontList.push(element)
	}
	};
	defaultScope.PFont = PFont;
	var Processing = this.Processing = function(aCanvas, aCode) {
	if (! (this instanceof
	Processing)) throw "called Processing constructor as if it were a function: missing 'new'.";
	var curElement, pgraphicsMode = aCanvas === undef && aCode === undef;
	if (pgraphicsMode) curElement = document.createElement("canvas");
	else curElement = typeof aCanvas === "string" ? document.getElementById(aCanvas) : aCanvas;
	if (! (curElement instanceof HTMLCanvasElement)) throw "called Processing constructor without passing canvas element reference or id.";

	function unimplemented(s) {
	Processing.debug("Unimplemented - " + s)
	}
	var p = this;
	p.externals = {
	canvas: curElement,
	context: undef,
	sketch: undef
	};
	p.name = "Processing.js Instance";
	p.use3DContext = false;
	p.focused = false;
	p.breakShape = false;
	p.glyphTable = {};
	p.pmouseX = 0;
	p.pmouseY = 0;
	p.mouseX = 0;
	p.mouseY = 0;
	p.mouseButton = 0;
	p.mouseScroll = 0;
	p.mouseClicked = undef;
	p.mouseDragged = undef;
	p.mouseMoved = undef;
	p.mousePressed = undef;
	p.mouseReleased = undef;
	p.mouseScrolled = undef;
	p.mouseOver = undef;
	p.mouseOut = undef;
	p.touchStart = undef;
	p.touchEnd = undef;
	p.touchMove = undef;
	p.touchCancel = undef;
	p.key = undef;
	p.keyCode = undef;
	p.keyPressed = nop;
	p.keyReleased = nop;
	p.keyTyped = nop;
	p.draw = undef;
	p.setup = undef;
	p.__mousePressed = false;
	p.__keyPressed = false;
	p.__frameRate = 60;
	p.frameCount = 0;
	p.width = 100;
	p.height = 100;
	var curContext, curSketch, drawing, online = true,
	doFill = true,
	fillStyle = [1, 1, 1, 1],
	currentFillColor = 4294967295,
	isFillDirty = true,
	doStroke = true,
	strokeStyle = [0, 0, 0, 1],
	currentStrokeColor = 4278190080,
	isStrokeDirty = true,
	lineWidth = 1,
	loopStarted = false,
	renderSmooth = false,
	doLoop = true,
	looping = 0,
	curRectMode = 0,
	curEllipseMode = 3,
	normalX = 0,
	normalY = 0,
	normalZ = 0,
	normalMode = 0,
	curFrameRate = 60,
	curMsPerFrame = 1E3 / curFrameRate,
	curCursor = 'default',
	oldCursor = curElement.style.cursor,
	curShape = 20,
	curShapeCount = 0,
	curvePoints = [],
	curTightness = 0,
	curveDet = 20,
	curveInited = false,
	backgroundObj = -3355444,
	bezDetail = 20,
	colorModeA = 255,
	colorModeX = 255,
	colorModeY = 255,
	colorModeZ = 255,
	pathOpen = false,
	mouseDragging = false,
	pmouseXLastFrame = 0,
	pmouseYLastFrame = 0,
	curColorMode = 1,
	curTint = null,
	curTint3d = null,
	getLoaded = false,
	start = Date.now(),
	timeSinceLastFPS = start,
	framesSinceLastFPS = 0,
	textcanvas, curveBasisMatrix, curveToBezierMatrix, curveDrawMatrix, bezierDrawMatrix, bezierBasisInverse, bezierBasisMatrix, curContextCache = {
	attributes: {},
	locations: {}
	},
	programObject3D, programObject2D, programObjectUnlitShape, boxBuffer, boxNormBuffer, boxOutlineBuffer, rectBuffer, rectNormBuffer, sphereBuffer, lineBuffer, fillBuffer, fillColorBuffer, strokeColorBuffer, pointBuffer, shapeTexVBO, canTex, textTex, curTexture = {
	width: 0,
	height: 0
	},
	curTextureMode = 2,
	usingTexture = false,
	textBuffer, textureBuffer, indexBuffer, horizontalTextAlignment = 37,
	verticalTextAlignment = 0,
	textMode = 4,
	curFontName = "Arial",
	curTextSize = 12,
	curTextAscent = 9,
	curTextDescent = 2,
	curTextLeading = 14,
	curTextFont = PFont.get(curFontName, curTextSize),
	originalContext, proxyContext = null,
	isContextReplaced = false,
	setPixelsCached, maxPixelsCached = 1E3,
	pressedKeysMap = [],
	lastPressedKeyCode = null,
	codedKeys = [16,
	17, 18, 20, 33, 34, 35, 36, 37, 38, 39, 40, 144, 155, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 157];
	var stylePaddingLeft, stylePaddingTop, styleBorderLeft, styleBorderTop;
	if (document.defaultView && document.defaultView.getComputedStyle) {
	stylePaddingLeft = parseInt(document.defaultView.getComputedStyle(curElement, null)["paddingLeft"], 10) \|\| 0;
	stylePaddingTop = parseInt(document.defaultView.getComputedStyle(curElement, null)["paddingTop"], 10) \|\| 0;
	styleBorderLeft = parseInt(document.defaultView.getComputedStyle(curElement, null)["borderLeftWidth"], 10) \|\| 0;
	styleBorderTop = parseInt(document.defaultView.getComputedStyle(curElement, null)["borderTopWidth"], 10) \|\| 0
	}
	var lightCount = 0;
	var sphereDetailV = 0,
	sphereDetailU = 0,
	sphereX = [],
	sphereY = [],
	sphereZ = [],
	sinLUT = new Float32Array(720),
	cosLUT = new Float32Array(720),
	sphereVerts, sphereNorms;
	var cam, cameraInv, modelView, modelViewInv, userMatrixStack, userReverseMatrixStack, inverseCopy, projection, manipulatingCamera = false,
	frustumMode = false,
	cameraFOV = 60 * (Math.PI / 180),
	cameraX = p.width / 2,
	cameraY = p.height / 2,
	cameraZ = cameraY / Math.tan(cameraFOV / 2),
	cameraNear = cameraZ / 10,
	cameraFar = cameraZ * 10,
	cameraAspect = p.width / p.height;
	var vertArray = [],
	curveVertArray = [],
	curveVertCount = 0,
	isCurve = false,
	isBezier = false,
	firstVert = true;
	var curShapeMode = 0;
	var styleArray = [];
	var boxVerts = new Float32Array([0.5, 0.5, -0.5, 0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, 0.5, -0.5, 0.5, 0.5, -0.5, 0.5, 0.5, 0.5, -0.5, 0.5, 0.5, -0.5, -0.5, 0.5, -0.5, -0.5, 0.5, 0.5, -0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, -0.5, 0.5, 0.5, 0.5, 0.5, -0.5, 0.5, 0.5, -0.5, 0.5, 0.5, -0.5, -0.5, 0.5, 0.5, -0.5, 0.5, -0.5, -0.5, 0.5, -0.5, 0.5, -0.5, -0.5, 0.5, -0.5, -0.5, 0.5, -0.5, -0.5, -0.5, 0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, 0.5, -0.5, 0.5, 0.5, -0.5, 0.5, 0.5, -0.5, 0.5, -0.5, -0.5, -0.5, -0.5, 0.5, 0.5, 0.5, 0.5, 0.5, -0.5, -0.5,
	0.5, -0.5, -0.5, 0.5, -0.5, -0.5, 0.5, 0.5, 0.5, 0.5, 0.5]);
	var boxOutlineVerts = new Float32Array([0.5, 0.5, 0.5, 0.5, -0.5, 0.5, 0.5, 0.5, -0.5, 0.5, -0.5, -0.5, -0.5, 0.5, -0.5, -0.5, -0.5, -0.5, -0.5, 0.5, 0.5, -0.5, -0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, -0.5, 0.5, 0.5, -0.5, -0.5, 0.5, -0.5, -0.5, 0.5, -0.5, -0.5, 0.5, 0.5, -0.5, 0.5, 0.5, 0.5, 0.5, 0.5, 0.5, -0.5, 0.5, 0.5, -0.5, -0.5, 0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, -0.5, 0.5, -0.5, -0.5, 0.5, 0.5, -0.5, 0.5]);
	var boxNorms = new Float32Array([0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, 1, 0, 0, 1, 0,
	0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, -1, 0, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0]);
	var rectVerts = new Float32Array([0, 0, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0]);
	var rectNorms = new Float32Array([0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1]);
	var vertexShaderSrcUnlitShape = "varying vec4 vFrontColor;" + "attribute vec3 aVertex;" + "attribute vec4 aColor;" + "uniform mat4 uView;" + "uniform mat4 uProjection;" + "uniform float uPointSize;" + "void main(void) {" + " vFrontColor = aColor;" + " gl_PointSize = uPointSize;" + " gl_Position = uProjection * uView * vec4(aVertex, 1.0);" + "}";
	var fragmentShaderSrcUnlitShape = "#ifdef GL_ES\n" + "precision highp float;\n" + "#endif\n" + "varying vec4 vFrontColor;" + "uniform bool uSmooth;" + "void main(void){" + " if(uSmooth == true){" + " float dist = distance(gl_PointCoord, vec2(0.5));" + " if(dist > 0.5){" + " discard;" + " }" + " }" + " gl_FragColor = vFrontColor;" + "}";
	var vertexShaderSrc2D = "varying vec4 vFrontColor;" + "attribute vec3 aVertex;" + "attribute vec2 aTextureCoord;" + "uniform vec4 uColor;" + "uniform mat4 uModel;" + "uniform mat4 uView;" + "uniform mat4 uProjection;" + "uniform float uPointSize;" + "varying vec2 vTextureCoord;" + "void main(void) {" + " gl_PointSize = uPointSize;" + " vFrontColor = uColor;" + " gl_Position = uProjection * uView * uModel * vec4(aVertex, 1.0);" + " vTextureCoord = aTextureCoord;" + "}";
	var fragmentShaderSrc2D = "#ifdef GL_ES\n" + "precision highp float;\n" + "#endif\n" + "varying vec4 vFrontColor;" + "varying vec2 vTextureCoord;" + "uniform sampler2D uSampler;" + "uniform int uIsDrawingText;" + "uniform bool uSmooth;" + "void main(void){" + " if(uSmooth == true){" + " float dist = distance(gl_PointCoord, vec2(0.5));" + " if(dist > 0.5){" + " discard;" + " }" + " }" + " if(uIsDrawingText == 1){" + " float alpha = texture2D(uSampler, vTextureCoord).a;" + " gl_FragColor = vec4(vFrontColor.rgb * alpha, alpha);" + " }" + " else{" + " gl_FragColor = vFrontColor;" + " }" + "}";
	var webglMaxTempsWorkaround = /Windows/.test(navigator.userAgent);
	var vertexShaderSrc3D = "varying vec4 vFrontColor;" + "attribute vec3 aVertex;" + "attribute vec3 aNormal;" + "attribute vec4 aColor;" + "attribute vec2 aTexture;" + "varying vec2 vTexture;" + "uniform vec4 uColor;" + "uniform bool uUsingMat;" + "uniform vec3 uSpecular;" + "uniform vec3 uMaterialEmissive;" + "uniform vec3 uMaterialAmbient;" + "uniform vec3 uMaterialSpecular;" + "uniform float uShininess;" + "uniform mat4 uModel;" + "uniform mat4 uView;" + "uniform mat4 uProjection;" + "uniform mat4 uNormalTransform;" + "uniform int uLightCount;" + "uniform vec3 uFalloff;" + "struct Light {" + " int type;" + " vec3 color;" + " vec3 position;" + " vec3 direction;" + " float angle;" + " vec3 halfVector;" + " float concentration;" + "};" + "uniform Light uLights0;" + "uniform Light uLights1;" + "uniform Light uLights2;" + "uniform Light uLights3;" + "uniform Light uLights4;" + "uniform Light uLights5;" + "uniform Light uLights6;" + "uniform Light uLights7;" + "Light getLight(int index){" + " if(index == 0) return uLights0;" + " if(index == 1) return uLights1;" + " if(index == 2) return uLights2;" + " if(index == 3) return uLights3;" + " if(index == 4) return uLights4;" + " if(index == 5) return uLights5;" + " if(index == 6) return uLights6;" + " return uLights7;" + "}" + "void AmbientLight( inout vec3 totalAmbient, in vec3 ecPos, in Light light ) {" + " float d = length( light.position - ecPos );" + " float attenuation = 1.0 / ( uFalloff[0] + ( uFalloff[1] * d ) + ( uFalloff[2] * d * d ));" + " totalAmbient += light.color * attenuation;" + "}" + "void DirectionalLight( inout vec3 col, inout vec3 spec, in vec3 vertNormal, in vec3 ecPos, in Light light ) {" + " float powerFactor = 0.0;" + " float nDotVP = max(0.0, dot( vertNormal, normalize(-light.position) ));" + " float nDotVH = max(0.0, dot( vertNormal, normalize(-light.position-normalize(ecPos) )));" + " if( nDotVP != 0.0 ){" + " powerFactor = pow( nDotVH, uShininess );" + " }" + " col += light.color * nDotVP;" + " spec += uSpecular * powerFactor;" + "}" + "void PointLight( inout vec3 col, inout vec3 spec, in vec3 vertNormal, in vec3 ecPos, in Light light ) {" + " float powerFactor;" + " vec3 VP = light.position - ecPos;" + " float d = length( VP ); " + " VP = normalize( VP );" + " float attenuation = 1.0 / ( uFalloff[0] + ( uFalloff[1] * d ) + ( uFalloff[2] * d * d ));" + " float nDotVP = max( 0.0, dot( vertNormal, VP ));" + " vec3 halfVector = normalize( VP - normalize(ecPos) );" + " float nDotHV = max( 0.0, dot( vertNormal, halfVector ));" + " if( nDotVP == 0.0 ) {" + " powerFactor = 0.0;" + " }" + " else {" + " powerFactor = pow( nDotHV, uShininess );" + " }" + " spec += uSpecular * powerFactor * attenuation;" + " col += light.color * nDotVP * attenuation;" + "}" + "void SpotLight( inout vec3 col, inout vec3 spec, in vec3 vertNormal, in vec3 ecPos, in Light light ) {" + " float spotAttenuation;" + " float powerFactor = 0.0;" + " vec3 VP = light.position - ecPos;" + " vec3 ldir = normalize( -light.direction );" + " float d = length( VP );" + " VP = normalize( VP );" + " float attenuation = 1.0 / ( uFalloff[0] + ( uFalloff[1] * d ) + ( uFalloff[2] * d * d ) );" + " float spotDot = dot( VP, ldir );" + (webglMaxTempsWorkaround ? " spotAttenuation = 1.0; " : " if( spotDot > cos( light.angle ) ) {" + " spotAttenuation = pow( spotDot, light.concentration );" + " }" + " else{" + " spotAttenuation = 0.0;" + " }" + " attenuation = spotAttenuation;" + "") + " float nDotVP = max( 0.0, dot( vertNormal, VP ) );" + " vec3 halfVector = normalize( VP - normalize(ecPos) );" + " float nDotHV = max( 0.0, dot( vertNormal, halfVector ) );" + " if( nDotVP != 0.0 ) {" + " powerFactor = pow( nDotHV, uShininess );" + " }" + " spec += uSpecular powerFactor * attenuation;" + " col += light.color * nDotVP * attenuation;" + "}" + "void main(void) {" + " vec3 finalAmbient = vec3( 0.0 );" + " vec3 finalDiffuse = vec3( 0.0 );" + " vec3 finalSpecular = vec3( 0.0 );" + " vec4 col = uColor;" + " if ( uColor[0] == -1.0 ){" + " col = aColor;" + " }" + " vec3 norm = normalize(vec3( uNormalTransform * vec4( aNormal, 0.0 ) ));" + " vec4 ecPos4 = uView * uModel * vec4(aVertex, 1.0);" + " vec3 ecPos = (vec3(ecPos4))/ecPos4.w;" + " if( uLightCount == 0 ) {" + " vFrontColor = col + vec4(uMaterialSpecular, 1.0);" + " }" + " else {" + " for( int i = 0; i < 8; i++ ) {" + " Light l = getLight(i);" + " if( i >= uLightCount ){" + " break;" + " }" + " if( l.type == 0 ) {" + " AmbientLight( finalAmbient, ecPos, l );" + " }" + " else if( l.type == 1 ) {" + " DirectionalLight( finalDiffuse, finalSpecular, norm, ecPos, l );" + " }" + " else if( l.type == 2 ) {" + " PointLight( finalDiffuse, finalSpecular, norm, ecPos, l );" + " }" + " else {" + " SpotLight( finalDiffuse, finalSpecular, norm, ecPos, l );" + " }" + " }" + " if( uUsingMat == false ) {" + " vFrontColor = vec4(" + " vec3( col ) * finalAmbient +" + " vec3( col ) * finalDiffuse +" + " vec3( col ) * finalSpecular," + " col[3] );" + " }" + " else{" + " vFrontColor = vec4( " + " uMaterialEmissive + " + " (vec3(col) * uMaterialAmbient * finalAmbient ) + " + " (vec3(col) * finalDiffuse) + " + " (uMaterialSpecular * finalSpecular), " + " col[3] );" + " }" + " }" + " vTexture.xy = aTexture.xy;" + " gl_Position = uProjection * uView * uModel * vec4( aVertex, 1.0 );" + "}";
	var fragmentShaderSrc3D = "#ifdef GL_ES\n" + "precision highp float;\n" + "#endif\n" + "varying vec4 vFrontColor;" + "uniform sampler2D uSampler;" + "uniform bool uUsingTexture;" + "varying vec2 vTexture;" + "void main(void){" + " if( uUsingTexture ){" + " gl_FragColor = vec4(texture2D(uSampler, vTexture.xy)) * vFrontColor;" + " }" + " else{" + " gl_FragColor = vFrontColor;" + " }" + "}";

	function uniformf(cacheId, programObj, varName, varValue) {
	var varLocation = curContextCache.locations[cacheId];
	if (varLocation === undef) {
	varLocation = curContext.getUniformLocation(programObj, varName);
	curContextCache.locations[cacheId] = varLocation
	}
	if (varLocation !== null) if (varValue.length === 4) curContext.uniform4fv(varLocation, varValue);
	else if (varValue.length === 3) curContext.uniform3fv(varLocation, varValue);
	else if (varValue.length === 2) curContext.uniform2fv(varLocation, varValue);
	else curContext.uniform1f(varLocation, varValue)
	}
	function uniformi(cacheId, programObj, varName, varValue) {
	var varLocation = curContextCache.locations[cacheId];
	if (varLocation === undef) {
	varLocation = curContext.getUniformLocation(programObj, varName);
	curContextCache.locations[cacheId] = varLocation
	}
	if (varLocation !== null) if (varValue.length === 4) curContext.uniform4iv(varLocation, varValue);
	else if (varValue.length === 3) curContext.uniform3iv(varLocation, varValue);
	else if (varValue.length === 2) curContext.uniform2iv(varLocation, varValue);
	else curContext.uniform1i(varLocation, varValue)
	}
	function uniformMatrix(cacheId, programObj, varName, transpose, matrix) {
	var varLocation = curContextCache.locations[cacheId];
	if (varLocation === undef) {
	varLocation = curContext.getUniformLocation(programObj, varName);
	curContextCache.locations[cacheId] = varLocation
	}
	if (varLocation !== -1) if (matrix.length === 16) curContext.uniformMatrix4fv(varLocation, transpose, matrix);
	else if (matrix.length === 9) curContext.uniformMatrix3fv(varLocation, transpose, matrix);
	else curContext.uniformMatrix2fv(varLocation, transpose, matrix)
	}
	function vertexAttribPointer(cacheId, programObj, varName, size, VBO) {
	var varLocation = curContextCache.attributes[cacheId];
	if (varLocation === undef) {
	varLocation = curContext.getAttribLocation(programObj, varName);
	curContextCache.attributes[cacheId] = varLocation
	}
	if (varLocation !== -1) {
	curContext.bindBuffer(curContext.ARRAY_BUFFER, VBO);
	curContext.vertexAttribPointer(varLocation, size, curContext.FLOAT, false, 0, 0);
	curContext.enableVertexAttribArray(varLocation)
	}
	}
	function disableVertexAttribPointer(cacheId, programObj, varName) {
	var varLocation = curContextCache.attributes[cacheId];
	if (varLocation === undef) {
	varLocation = curContext.getAttribLocation(programObj, varName);
	curContextCache.attributes[cacheId] = varLocation
	}
	if (varLocation !== -1) curContext.disableVertexAttribArray(varLocation)
	}
	var createProgramObject = function(curContext, vetexShaderSource, fragmentShaderSource) {
	var vertexShaderObject = curContext.createShader(curContext.VERTEX_SHADER);
	curContext.shaderSource(vertexShaderObject, vetexShaderSource);
	curContext.compileShader(vertexShaderObject);
	if (!curContext.getShaderParameter(vertexShaderObject, curContext.COMPILE_STATUS)) throw curContext.getShaderInfoLog(vertexShaderObject);
	var fragmentShaderObject = curContext.createShader(curContext.FRAGMENT_SHADER);
	curContext.shaderSource(fragmentShaderObject, fragmentShaderSource);
	curContext.compileShader(fragmentShaderObject);
	if (!curContext.getShaderParameter(fragmentShaderObject, curContext.COMPILE_STATUS)) throw curContext.getShaderInfoLog(fragmentShaderObject);
	var programObject = curContext.createProgram();
	curContext.attachShader(programObject, vertexShaderObject);
	curContext.attachShader(programObject, fragmentShaderObject);
	curContext.linkProgram(programObject);
	if (!curContext.getProgramParameter(programObject, curContext.LINK_STATUS)) throw "Error linking shaders.";
	return programObject
	};
	var imageModeCorner = function(x, y, w, h, whAreSizes) {
	return {
	x: x,
	y: y,
	w: w,
	h: h
	}
	};
	var imageModeConvert = imageModeCorner;
	var imageModeCorners = function(x, y, w, h, whAreSizes) {
	return {
	x: x,
	y: y,
	w: whAreSizes ? w : w - x,
	h: whAreSizes ? h : h - y
	}
	};
	var imageModeCenter = function(x, y, w, h, whAreSizes) {
	return {
	x: x - w / 2,
	y: y - h / 2,
	w: w,
	h: h
	}
	};
	var DrawingShared = function() {};
	var Drawing2D = function() {};
	var Drawing3D = function() {};
	var DrawingPre = function() {};
	Drawing2D.prototype = new DrawingShared;
	Drawing2D.prototype.constructor = Drawing2D;
	Drawing3D.prototype = new DrawingShared;
	Drawing3D.prototype.constructor = Drawing3D;
	DrawingPre.prototype = new DrawingShared;
	DrawingPre.prototype.constructor = DrawingPre;
	DrawingShared.prototype.a3DOnlyFunction = nop;
	var charMap = {};
	var Char = p.Character = function(chr) {
	if (typeof chr === "string" && chr.length === 1) this.code = chr.charCodeAt(0);
	else if (typeof chr === "number") this.code = chr;
	else if (chr instanceof Char) this.code = chr;
	else this.code = NaN;
	return charMap[this.code] === undef ? charMap[this.code] = this : charMap[this.code]
	};
	Char.prototype.toString = function() {
	return String.fromCharCode(this.code)
	};
	Char.prototype.valueOf = function() {
	return this.code
	};
	var PShape = p.PShape = function(family) {
	this.family = family \|\| 0;
	this.visible = true;
	this.style = true;
	this.children = [];
	this.nameTable = [];
	this.params = [];
	this.name = "";
	this.image = null;
	this.matrix = null;
	this.kind = null;
	this.close = null;
	this.width = null;
	this.height = null;
	this.parent = null
	};
	PShape.prototype = {
	isVisible: function() {
	return this.visible
	},
	setVisible: function(visible) {
	this.visible = visible
	},
	disableStyle: function() {
	this.style = false;
	for (var i = 0, j = this.children.length; i < j; i++) this.children[i].disableStyle()
	},
	enableStyle: function() {
	this.style = true;
	for (var i = 0, j = this.children.length; i < j; i++) this.children[i].enableStyle()
	},
	getFamily: function() {
	return this.family
	},
	getWidth: function() {
	return this.width
	},
	getHeight: function() {
	return this.height
	},
	setName: function(name) {
	this.name = name
	},
	getName: function() {
	return this.name
	},
	draw: function(renderContext) {
	renderContext = renderContext \|\| p;
	if (this.visible) {
	this.pre(renderContext);
	this.drawImpl(renderContext);
	this.post(renderContext)
	}
	},
	drawImpl: function(renderContext) {
	if (this.family === 0) this.drawGroup(renderContext);
	else if (this.family === 1) this.drawPrimitive(renderContext);
	else if (this.family === 3) this.drawGeometry(renderContext);
	else if (this.family === 21) this.drawPath(renderContext)
	},
	drawPath: function(renderContext) {
	var i, j;
	if (this.vertices.length === 0) return;
	renderContext.beginShape();
	if (this.vertexCodes.length === 0) if (this.vertices[0].length === 2) for (i = 0, j = this.vertices.length; i < j; i++) renderContext.vertex(this.vertices[i][0], this.vertices[i][1]);
	else for (i = 0, j = this.vertices.length; i < j; i++) renderContext.vertex(this.vertices[i][0], this.vertices[i][1], this.vertices[i][2]);
	else {
	var index = 0;
	if (this.vertices[0].length === 2) for (i = 0, j = this.vertexCodes.length; i < j; i++) if (this.vertexCodes[i] === 0) {
	renderContext.vertex(this.vertices[index][0], this.vertices[index][1], this.vertices[index]["moveTo"]);
	renderContext.breakShape = false;
	index++
	} else if (this.vertexCodes[i] === 1) {
	renderContext.bezierVertex(this.vertices[index + 0][0], this.vertices[index + 0][1], this.vertices[index + 1][0], this.vertices[index + 1][1], this.vertices[index + 2][0], this.vertices[index + 2][1]);
	index += 3
	} else if (this.vertexCodes[i] === 2) {
	renderContext.curveVertex(this.vertices[index][0], this.vertices[index][1]);
	index++
	} else {
	if (this.vertexCodes[i] === 3) renderContext.breakShape = true
	} else for (i = 0, j = this.vertexCodes.length; i < j; i++) if (this.vertexCodes[i] === 0) {
	renderContext.vertex(this.vertices[index][0], this.vertices[index][1], this.vertices[index][2]);
	if (this.vertices[index]["moveTo"] === true) vertArray[vertArray.length - 1]["moveTo"] = true;
	else if (this.vertices[index]["moveTo"] === false) vertArray[vertArray.length - 1]["moveTo"] = false;
	renderContext.breakShape = false
	} else if (this.vertexCodes[i] === 1) {
	renderContext.bezierVertex(this.vertices[index + 0][0], this.vertices[index + 0][1], this.vertices[index + 0][2], this.vertices[index + 1][0], this.vertices[index + 1][1], this.vertices[index + 1][2], this.vertices[index + 2][0], this.vertices[index + 2][1], this.vertices[index + 2][2]);
	index += 3
	} else if (this.vertexCodes[i] === 2) {
	renderContext.curveVertex(this.vertices[index][0], this.vertices[index][1], this.vertices[index][2]);
	index++
	} else if (this.vertexCodes[i] === 3) renderContext.breakShape = true
	}
	renderContext.endShape(this.close ? 2 : 1)
	},
	drawGeometry: function(renderContext) {
	var i, j;
	renderContext.beginShape(this.kind);
	if (this.style) for (i = 0, j = this.vertices.length; i < j; i++) renderContext.vertex(this.vertices[i]);
	else for (i = 0, j = this.vertices.length; i < j; i++) {
	var vert = this.vertices[i];
	if (vert[2] === 0) renderContext.vertex(vert[0], vert[1]);
	else renderContext.vertex(vert[0], vert[1], vert[2])
	}
	renderContext.endShape()
	},
	drawGroup: function(renderContext) {
	for (var i = 0, j = this.children.length; i < j; i++) this.children[i].draw(renderContext)
	},
	drawPrimitive: function(renderContext) {
	if (this.kind === 2) renderContext.point(this.params[0], this.params[1]);
	else if (this.kind === 4) if (this.params.length === 4) renderContext.line(this.params[0], this.params[1], this.params[2], this.params[3]);
	else renderContext.line(this.params[0], this.params[1], this.params[2], this.params[3], this.params[4], this.params[5]);
	else if (this.kind === 8) renderContext.triangle(this.params[0], this.params[1], this.params[2], this.params[3], this.params[4], this.params[5]);
	else if (this.kind === 16) renderContext.quad(this.params[0], this.params[1], this.params[2], this.params[3], this.params[4], this.params[5], this.params[6], this.params[7]);
	else if (this.kind === 30) if (this.image !== null) {
	var imMode = imageModeConvert;
	renderContext.imageMode(0);
	renderContext.image(this.image, this.params[0], this.params[1], this.params[2], this.params[3]);
	imageModeConvert = imMode
	} else {
	var rcMode = curRectMode;
	renderContext.rectMode(0);
	renderContext.rect(this.params[0], this.params[1], this.params[2], this.params[3]);
	curRectMode = rcMode
	} else if (this.kind === 31) {
	var elMode = curEllipseMode;
	renderContext.ellipseMode(0);
	renderContext.ellipse(this.params[0], this.params[1], this.params[2], this.params[3]);
	curEllipseMode = elMode
	} else if (this.kind === 32) {
	var eMode = curEllipseMode;
	renderContext.ellipseMode(0);
	renderContext.arc(this.params[0], this.params[1], this.params[2], this.params[3], this.params[4], this.params[5]);
	curEllipseMode = eMode
	} else if (this.kind === 41) if (this.params.length === 1) renderContext.box(this.params[0]);
	else renderContext.box(this.params[0], this.params[1], this.params[2]);
	else if (this.kind === 40) renderContext.sphere(this.params[0])
	},
	pre: function(renderContext) {
	if (this.matrix) {
	renderContext.pushMatrix();
	renderContext.transform(this.matrix)
	}
	if (this.style) {
	renderContext.pushStyle();
	this.styles(renderContext)
	}
	},
	post: function(renderContext) {
	if (this.matrix) renderContext.popMatrix();
	if (this.style) renderContext.popStyle()
	},
	styles: function(renderContext) {
	if (this.stroke) {
	renderContext.stroke(this.strokeColor);
	renderContext.strokeWeight(this.strokeWeight);
	renderContext.strokeCap(this.strokeCap);
	renderContext.strokeJoin(this.strokeJoin)
	} else renderContext.noStroke();
	if (this.fill) renderContext.fill(this.fillColor);
	else renderContext.noFill()
	},
	getChild: function(child) {
	var i, j;
	if (typeof child === "number") return this.children[child];
	var found;
	if (child === "" \|\| this.name === child) return this;
	if (this.nameTable.length > 0) {
	for (i = 0, j = this.nameTable.length; i < j \|\| found; i++) if (this.nameTable[i].getName === child) {
	found = this.nameTable[i];
	break
	}
	if (found) return found
	}
	for (i = 0, j = this.children.length; i < j; i++) {
	found = this.children[i].getChild(child);
	if (found) return found
	}
	return null
	},
	getChildCount: function() {
	return this.children.length
	},
	addChild: function(child) {
	this.children.push(child);
	child.parent = this;
	if (child.getName() !== null) this.addName(child.getName(), child)
	},
	addName: function(name, shape) {
	if (this.parent !== null) this.parent.addName(name, shape);
	else this.nameTable.push([name, shape])
	},
	translate: function() {
	if (arguments.length === 2) {
	this.checkMatrix(2);
	this.matrix.translate(arguments[0], arguments[1])
	} else {
	this.checkMatrix(3);
	this.matrix.translate(arguments[0], arguments[1], 0)
	}
	},
	checkMatrix: function(dimensions) {
	if (this.matrix === null) if (dimensions === 2) this.matrix = new p.PMatrix2D;
	else this.matrix = new p.PMatrix3D;
	else if (dimensions === 3 && this.matrix instanceof p.PMatrix2D) this.matrix = new p.PMatrix3D
	},
	rotateX: function(angle) {
	this.rotate(angle, 1, 0, 0)
	},
	rotateY: function(angle) {
	this.rotate(angle, 0, 1, 0)
	},
	rotateZ: function(angle) {
	this.rotate(angle, 0, 0, 1)
	},
	rotate: function() {
	if (arguments.length === 1) {
	this.checkMatrix(2);
	this.matrix.rotate(arguments[0])
	} else {
	this.checkMatrix(3);
	this.matrix.rotate(arguments[0], arguments[1], arguments[2], arguments[3])
	}
	},
	scale: function() {
	if (arguments.length === 2) {
	this.checkMatrix(2);
	this.matrix.scale(arguments[0], arguments[1])
	} else if (arguments.length === 3) {
	this.checkMatrix(2);
	this.matrix.scale(arguments[0], arguments[1], arguments[2])
	} else {
	this.checkMatrix(2);
	this.matrix.scale(arguments[0])
	}
	},
	resetMatrix: function() {
	this.checkMatrix(2);
	this.matrix.reset()
	},
	applyMatrix: function(matrix) {
	if (arguments.length === 1) this.applyMatrix(matrix.elements[0], matrix.elements[1], 0, matrix.elements[2], matrix.elements[3], matrix.elements[4], 0, matrix.elements[5], 0, 0, 1, 0, 0, 0, 0, 1);
	else if (arguments.length === 6) {
	this.checkMatrix(2);
	this.matrix.apply(arguments[0], arguments[1], arguments[2], 0, arguments[3], arguments[4], arguments[5], 0, 0, 0, 1, 0, 0, 0, 0, 1)
	} else if (arguments.length === 16) {
	this.checkMatrix(3);
	this.matrix.apply(arguments[0], arguments[1], arguments[2], arguments[3], arguments[4], arguments[5], arguments[6], arguments[7], arguments[8], arguments[9], arguments[10], arguments[11], arguments[12], arguments[13], arguments[14], arguments[15])
	}
	}
	};
	var PShapeSVG = p.PShapeSVG = function() {
	p.PShape.call(this);
	if (arguments.length === 1) {
	this.element = arguments[0];
	this.vertexCodes = [];
	this.vertices = [];
	this.opacity = 1;
	this.stroke = false;
	this.strokeColor = 4278190080;
	this.strokeWeight = 1;
	this.strokeCap = 'butt';
	this.strokeJoin = 'miter';
	this.strokeGradient = null;
	this.strokeGradientPaint = null;
	this.strokeName = null;
	this.strokeOpacity = 1;
	this.fill = true;
	this.fillColor = 4278190080;
	this.fillGradient = null;
	this.fillGradientPaint = null;
	this.fillName = null;
	this.fillOpacity = 1;
	if (this.element.getName() !== "svg") throw "root is not <svg>, it's <" + this.element.getName() + ">";
	} else if (arguments.length === 2) if (typeof arguments[1] === "string") {
	if (arguments[1].indexOf(".svg") > -1) {
	this.element = new p.XMLElement(p, arguments[1]);
	this.vertexCodes = [];
	this.vertices = [];
	this.opacity = 1;
	this.stroke = false;
	this.strokeColor = 4278190080;
	this.strokeWeight = 1;
	this.strokeCap = 'butt';
	this.strokeJoin = 'miter';
	this.strokeGradient = "";
	this.strokeGradientPaint = "";
	this.strokeName = "";
	this.strokeOpacity = 1;
	this.fill = true;
	this.fillColor = 4278190080;
	this.fillGradient = null;
	this.fillGradientPaint = null;
	this.fillOpacity = 1
	}
	} else if (arguments[0]) {
	this.element = arguments[1];
	this.vertexCodes = arguments[0].vertexCodes.slice();
	this.vertices = arguments[0].vertices.slice();
	this.stroke = arguments[0].stroke;
	this.strokeColor = arguments[0].strokeColor;
	this.strokeWeight = arguments[0].strokeWeight;
	this.strokeCap = arguments[0].strokeCap;
	this.strokeJoin = arguments[0].strokeJoin;
	this.strokeGradient = arguments[0].strokeGradient;
	this.strokeGradientPaint = arguments[0].strokeGradientPaint;
	this.strokeName = arguments[0].strokeName;
	this.fill = arguments[0].fill;
	this.fillColor = arguments[0].fillColor;
	this.fillGradient = arguments[0].fillGradient;
	this.fillGradientPaint = arguments[0].fillGradientPaint;
	this.fillName = arguments[0].fillName;
	this.strokeOpacity = arguments[0].strokeOpacity;
	this.fillOpacity = arguments[0].fillOpacity;
	this.opacity = arguments[0].opacity
	}
	this.name = this.element.getStringAttribute("id");
	var displayStr = this.element.getStringAttribute("display", "inline");
	this.visible = displayStr !== "none";
	var str = this.element.getAttribute("transform");
	if (str) this.matrix = this.parseMatrix(str);
	var viewBoxStr = this.element.getStringAttribute("viewBox");
	if (viewBoxStr !== null) {
	var viewBox = viewBoxStr.split(" ");
	this.width = viewBox[2];
	this.height = viewBox[3]
	}
	var unitWidth = this.element.getStringAttribute("width");
	var unitHeight = this.element.getStringAttribute("height");
	if (unitWidth !== null) {
	this.width = this.parseUnitSize(unitWidth);
	this.height = this.parseUnitSize(unitHeight)
	} else if (this.width === 0 \|\| this.height === 0) {
	this.width = 1;
	this.height = 1;
	throw "The width and/or height is not " + "readable in the <svg> tag of this file.";
	}
	this.parseColors(this.element);
	this.parseChildren(this.element)
	};
	PShapeSVG.prototype = new PShape;
	PShapeSVG.prototype.parseMatrix = function() {
	function getCoords(s) {
	var m = [];
	s.replace(/$(.*?)$/, function() {
	return function(all, params) {
	m = params.replace(/,+/g, " ").split(/\s+/)
	}
	}());
	return m
	}
	return function(str) {
	this.checkMatrix(2);
	var pieces = [];
	str.replace(/\s(\w+)$(.?)$/g, function(all) {
	pieces.push(p.trim(all))
	});
	if (pieces.length === 0) return null;
	for (var i = 0, j = pieces.length; i < j; i++) {
	var m = getCoords(pieces[i]);
	if (pieces[i].indexOf("matrix") !== -1) this.matrix.set(m[0], m[2], m[4], m[1], m[3], m[5]);
	else if (pieces[i].indexOf("translate") !== -1) {
	var tx = m[0];
	var ty = m.length === 2 ? m[1] : 0;
	this.matrix.translate(tx, ty)
	} else if (pieces[i].indexOf("scale") !== -1) {
	var sx = m[0];
	var sy = m.length === 2 ? m[1] : m[0];
	this.matrix.scale(sx, sy)
	} else if (pieces[i].indexOf("rotate") !== -1) {
	var angle = m[0];
	if (m.length === 1) this.matrix.rotate(p.radians(angle));
	else if (m.length === 3) {
	this.matrix.translate(m[1], m[2]);
	this.matrix.rotate(p.radians(m[0]));
	this.matrix.translate(-m[1], -m[2])
	}
	} else if (pieces[i].indexOf("skewX") !== -1) this.matrix.skewX(parseFloat(m[0]));
	else if (pieces[i].indexOf("skewY") !== -1) this.matrix.skewY(m[0]);
	else if (pieces[i].indexOf("shearX") !== -1) this.matrix.shearX(m[0]);
	else if (pieces[i].indexOf("shearY") !== -1) this.matrix.shearY(m[0])
	}
	return this.matrix
	}
	}();
	PShapeSVG.prototype.parseChildren = function(element) {
	var newelement = element.getChildren();
	var children = new p.PShape;
	for (var i = 0, j = newelement.length; i < j; i++) {
	var kid = this.parseChild(newelement[i]);
	if (kid) children.addChild(kid)
	}
	this.children.push(children)
	};
	PShapeSVG.prototype.getName = function() {
	return this.name
	};
	PShapeSVG.prototype.parseChild = function(elem) {
	var name = elem.getName();
	var shape;
	if (name === "g") shape = new PShapeSVG(this, elem);
	else if (name === "defs") shape = new PShapeSVG(this, elem);
	else if (name === "line") {
	shape = new PShapeSVG(this, elem);
	shape.parseLine()
	} else if (name === "circle") {
	shape = new PShapeSVG(this, elem);
	shape.parseEllipse(true)
	} else if (name === "ellipse") {
	shape = new PShapeSVG(this, elem);
	shape.parseEllipse(false)
	} else if (name === "rect") {
	shape = new PShapeSVG(this, elem);
	shape.parseRect()
	} else if (name === "polygon") {
	shape = new PShapeSVG(this, elem);
	shape.parsePoly(true)
	} else if (name === "polyline") {
	shape = new PShapeSVG(this, elem);
	shape.parsePoly(false)
	} else if (name === "path") {
	shape = new PShapeSVG(this, elem);
	shape.parsePath()
	} else if (name === "radialGradient") unimplemented("PShapeSVG.prototype.parseChild, name = radialGradient");
	else if (name === "linearGradient") unimplemented("PShapeSVG.prototype.parseChild, name = linearGradient");
	else if (name === "text") unimplemented("PShapeSVG.prototype.parseChild, name = text");
	else if (name === "filter") unimplemented("PShapeSVG.prototype.parseChild, name = filter");
	else if (name === "mask") unimplemented("PShapeSVG.prototype.parseChild, name = mask");
	else nop();
	return shape
	};
	PShapeSVG.prototype.parsePath = function() {
	this.family = 21;
	this.kind = 0;
	var pathDataChars = [];
	var c;
	var pathData = p.trim(this.element.getStringAttribute("d").replace(/[\s,]+/g, " "));
	if (pathData === null) return;
	pathData = p.__toCharArray(pathData);
	var cx = 0,
	cy = 0,
	ctrlX = 0,
	ctrlY = 0,
	ctrlX1 = 0,
	ctrlX2 = 0,
	ctrlY1 = 0,
	ctrlY2 = 0,
	endX = 0,
	endY = 0,
	ppx = 0,
	ppy = 0,
	px = 0,
	py = 0,
	i = 0,
	valOf = 0;
	var str = "";
	var tmpArray = [];
	var flag = false;
	var lastInstruction;
	var command;
	var j, k;
	while (i < pathData.length) {
	valOf = pathData[i].valueOf();
	if (valOf >= 65 && valOf <= 90 \|\| valOf >= 97 && valOf <= 122) {
	j = i;
	i++;
	if (i < pathData.length) {
	tmpArray = [];
	valOf = pathData[i].valueOf();
	while (! (valOf >= 65 && valOf <= 90 \|\| valOf >= 97 && valOf <= 100 \|\| valOf >= 102 && valOf <= 122) && flag === false) {
	if (valOf === 32) {
	if (str !== "") {
	tmpArray.push(parseFloat(str));
	str = ""
	}
	i++
	} else if (valOf === 45) if (pathData[i - 1].valueOf() === 101) {
	str += pathData[i].toString();
	i++
	} else {
	if (str !== "") tmpArray.push(parseFloat(str));
	str = pathData[i].toString();
	i++
	} else {
	str += pathData[i].toString();
	i++
	}
	if (i === pathData.length) flag = true;
	else valOf = pathData[i].valueOf()
	}
	}
	if (str !== "") {
	tmpArray.push(parseFloat(str));
	str = ""
	}
	command = pathData[j];
	valOf = command.valueOf();
	if (valOf === 77) {
	if (tmpArray.length >= 2 && tmpArray.length % 2 === 0) {
	cx = tmpArray[0];
	cy = tmpArray[1];
	this.parsePathMoveto(cx, cy);
	if (tmpArray.length > 2) for (j = 2, k = tmpArray.length; j < k; j += 2) {
	cx = tmpArray[j];
	cy = tmpArray[j + 1];
	this.parsePathLineto(cx, cy)
	}
	}
	} else if (valOf === 109) {
	if (tmpArray.length >= 2 && tmpArray.length % 2 === 0) {
	cx += tmpArray[0];
	cy += tmpArray[1];
	this.parsePathMoveto(cx, cy);
	if (tmpArray.length > 2) for (j = 2, k = tmpArray.length; j < k; j += 2) {
	cx += tmpArray[j];
	cy += tmpArray[j + 1];
	this.parsePathLineto(cx, cy)
	}
	}
	} else if (valOf === 76) {
	if (tmpArray.length >= 2 && tmpArray.length % 2 === 0) for (j = 0, k = tmpArray.length; j < k; j += 2) {
	cx = tmpArray[j];
	cy = tmpArray[j + 1];
	this.parsePathLineto(cx, cy)
	}
	} else if (valOf === 108) {
	if (tmpArray.length >= 2 && tmpArray.length % 2 === 0) for (j = 0, k = tmpArray.length; j < k; j += 2) {
	cx += tmpArray[j];
	cy += tmpArray[j + 1];
	this.parsePathLineto(cx, cy)
	}
	} else if (valOf === 72) for (j = 0, k = tmpArray.length; j < k; j++) {
	cx = tmpArray[j];
	this.parsePathLineto(cx, cy)
	} else if (valOf === 104) for (j = 0, k = tmpArray.length; j < k; j++) {
	cx += tmpArray[j];
	this.parsePathLineto(cx, cy)
	} else if (valOf === 86) for (j = 0, k = tmpArray.length; j < k; j++) {
	cy = tmpArray[j];
	this.parsePathLineto(cx, cy)
	} else if (valOf === 118) for (j = 0, k = tmpArray.length; j < k; j++) {
	cy += tmpArray[j];
	this.parsePathLineto(cx, cy)
	} else if (valOf === 67) {
	if (tmpArray.length >= 6 && tmpArray.length % 6 === 0) for (j = 0, k = tmpArray.length; j < k; j += 6) {
	ctrlX1 = tmpArray[j];
	ctrlY1 = tmpArray[j + 1];
	ctrlX2 = tmpArray[j + 2];
	ctrlY2 = tmpArray[j + 3];
	endX = tmpArray[j + 4];
	endY = tmpArray[j + 5];
	this.parsePathCurveto(ctrlX1, ctrlY1, ctrlX2, ctrlY2, endX, endY);
	cx = endX;
	cy = endY
	}
	} else if (valOf === 99) {
	if (tmpArray.length >= 6 && tmpArray.length % 6 === 0) for (j = 0, k = tmpArray.length; j < k; j += 6) {
	ctrlX1 = cx + tmpArray[j];
	ctrlY1 = cy + tmpArray[j + 1];
	ctrlX2 = cx + tmpArray[j + 2];
	ctrlY2 = cy + tmpArray[j + 3];
	endX = cx + tmpArray[j + 4];
	endY = cy + tmpArray[j + 5];
	this.parsePathCurveto(ctrlX1, ctrlY1, ctrlX2, ctrlY2, endX, endY);
	cx = endX;
	cy = endY
	}
	} else if (valOf === 83) {
	if (tmpArray.length >= 4 && tmpArray.length % 4 === 0) for (j = 0, k = tmpArray.length; j < k; j += 4) {
	if (lastInstruction.toLowerCase() === "c" \|\| lastInstruction.toLowerCase() === "s") {
	ppx = this.vertices[this.vertices.length - 2][0];
	ppy = this.vertices[this.vertices.length - 2][1];
	px = this.vertices[this.vertices.length - 1][0];
	py = this.vertices[this.vertices.length - 1][1];
	ctrlX1 = px + (px - ppx);
	ctrlY1 = py + (py - ppy)
	} else {
	ctrlX1 = this.vertices[this.vertices.length - 1][0];
	ctrlY1 = this.vertices[this.vertices.length - 1][1]
	}
	ctrlX2 = tmpArray[j];
	ctrlY2 = tmpArray[j + 1];
	endX = tmpArray[j + 2];
	endY = tmpArray[j + 3];
	this.parsePathCurveto(ctrlX1, ctrlY1, ctrlX2, ctrlY2, endX, endY);
	cx = endX;
	cy = endY
	}
	} else if (valOf === 115) {
	if (tmpArray.length >= 4 && tmpArray.length % 4 === 0) for (j = 0, k = tmpArray.length; j < k; j += 4) {
	if (lastInstruction.toLowerCase() === "c" \|\| lastInstruction.toLowerCase() === "s") {
	ppx = this.vertices[this.vertices.length - 2][0];
	ppy = this.vertices[this.vertices.length - 2][1];
	px = this.vertices[this.vertices.length - 1][0];
	py = this.vertices[this.vertices.length - 1][1];
	ctrlX1 = px + (px - ppx);
	ctrlY1 = py + (py - ppy)
	} else {
	ctrlX1 = this.vertices[this.vertices.length - 1][0];
	ctrlY1 = this.vertices[this.vertices.length - 1][1]
	}
	ctrlX2 = cx + tmpArray[j];
	ctrlY2 = cy + tmpArray[j + 1];
	endX = cx + tmpArray[j + 2];
	endY = cy + tmpArray[j + 3];
	this.parsePathCurveto(ctrlX1, ctrlY1, ctrlX2, ctrlY2, endX, endY);
	cx = endX;
	cy = endY
	}
	} else if (valOf === 81) {
	if (tmpArray.length >= 4 && tmpArray.length % 4 === 0) for (j = 0, k = tmpArray.length; j < k; j += 4) {
	ctrlX = tmpArray[j];
	ctrlY = tmpArray[j + 1];
	endX = tmpArray[j + 2];
	endY = tmpArray[j + 3];
	this.parsePathQuadto(cx, cy, ctrlX, ctrlY, endX, endY);
	cx = endX;
	cy = endY
	}
	} else if (valOf === 113) {
	if (tmpArray.length >= 4 && tmpArray.length % 4 === 0) for (j = 0, k = tmpArray.length; j < k; j += 4) {
	ctrlX = cx + tmpArray[j];
	ctrlY = cy + tmpArray[j + 1];
	endX = cx + tmpArray[j + 2];
	endY = cy + tmpArray[j + 3];
	this.parsePathQuadto(cx, cy, ctrlX, ctrlY, endX, endY);
	cx = endX;
	cy = endY
	}
	} else if (valOf === 84) {
	if (tmpArray.length >= 2 && tmpArray.length % 2 === 0) for (j = 0, k = tmpArray.length; j < k; j += 2) {
	if (lastInstruction.toLowerCase() === "q" \|\| lastInstruction.toLowerCase() === "t") {
	ppx = this.vertices[this.vertices.length - 2][0];
	ppy = this.vertices[this.vertices.length - 2][1];
	px = this.vertices[this.vertices.length - 1][0];
	py = this.vertices[this.vertices.length - 1][1];
	ctrlX = px + (px - ppx);
	ctrlY = py + (py - ppy)
	} else {
	ctrlX = cx;
	ctrlY = cy
	}
	endX = tmpArray[j];
	endY = tmpArray[j + 1];
	this.parsePathQuadto(cx, cy, ctrlX, ctrlY, endX, endY);
	cx = endX;
	cy = endY
	}
	} else if (valOf === 116) {
	if (tmpArray.length >= 2 && tmpArray.length % 2 === 0) for (j = 0, k = tmpArray.length; j < k; j += 2) {
	if (lastInstruction.toLowerCase() === "q" \|\| lastInstruction.toLowerCase() === "t") {
	ppx = this.vertices[this.vertices.length - 2][0];
	ppy = this.vertices[this.vertices.length - 2][1];
	px = this.vertices[this.vertices.length - 1][0];
	py = this.vertices[this.vertices.length - 1][1];
	ctrlX = px + (px - ppx);
	ctrlY = py + (py - ppy)
	} else {
	ctrlX = cx;
	ctrlY = cy
	}
	endX = cx + tmpArray[j];
	endY = cy + tmpArray[j + 1];
	this.parsePathQuadto(cx, cy, ctrlX, ctrlY, endX, endY);
	cx = endX;
	cy = endY
	}
	} else if (valOf === 90 \|\| valOf === 122) this.close = true;
	lastInstruction = command.toString()
	} else i++
	}
	};
	PShapeSVG.prototype.parsePathQuadto = function(x1, y1, cx, cy, x2, y2) {
	if (this.vertices.length > 0) {
	this.parsePathCode(1);
	this.parsePathVertex(x1 + (cx - x1) * 2 / 3, y1 + (cy - y1) * 2 / 3);
	this.parsePathVertex(x2 + (cx - x2) * 2 / 3, y2 + (cy - y2) * 2 / 3);
	this.parsePathVertex(x2, y2)
	} else throw "Path must start with M/m";
	};
	PShapeSVG.prototype.parsePathCurveto = function(x1, y1, x2, y2, x3, y3) {
	if (this.vertices.length > 0) {
	this.parsePathCode(1);
	this.parsePathVertex(x1, y1);
	this.parsePathVertex(x2, y2);
	this.parsePathVertex(x3, y3)
	} else throw "Path must start with M/m";
	};
	PShapeSVG.prototype.parsePathLineto = function(px, py) {
	if (this.vertices.length > 0) {
	this.parsePathCode(0);
	this.parsePathVertex(px, py);
	this.vertices[this.vertices.length - 1]["moveTo"] = false
	} else throw "Path must start with M/m";
	};
	PShapeSVG.prototype.parsePathMoveto = function(px, py) {
	if (this.vertices.length > 0) this.parsePathCode(3);
	this.parsePathCode(0);
	this.parsePathVertex(px, py);
	this.vertices[this.vertices.length - 1]["moveTo"] = true
	};
	PShapeSVG.prototype.parsePathVertex = function(x, y) {
	var verts = [];
	verts[0] = x;
	verts[1] = y;
	this.vertices.push(verts)
	};
	PShapeSVG.prototype.parsePathCode = function(what) {
	this.vertexCodes.push(what)
	};
	PShapeSVG.prototype.parsePoly = function(val) {
	this.family = 21;
	this.close = val;
	var pointsAttr = p.trim(this.element.getStringAttribute("points").replace(/[,\s]+/g, " "));
	if (pointsAttr !== null) {
	var pointsBuffer = pointsAttr.split(" ");
	if (pointsBuffer.length % 2 === 0) for (var i = 0, j = pointsBuffer.length; i < j; i++) {
	var verts = [];
	verts[0] = pointsBuffer[i];
	verts[1] = pointsBuffer[++i];
	this.vertices.push(verts)
	} else throw "Error parsing polygon points: odd number of coordinates provided";
	}
	};
	PShapeSVG.prototype.parseRect = function() {
	this.kind = 30;
	this.family = 1;
	this.params = [];
	this.params[0] = this.element.getFloatAttribute("x");
	this.params[1] = this.element.getFloatAttribute("y");
	this.params[2] = this.element.getFloatAttribute("width");
	this.params[3] = this.element.getFloatAttribute("height");
	if (this.params[2] < 0 \|\| this.params[3] < 0) throw "svg error: negative width or height found while parsing <rect>";
	};
	PShapeSVG.prototype.parseEllipse = function(val) {
	this.kind = 31;
	this.family = 1;
	this.params = [];
	this.params[0] = this.element.getFloatAttribute("cx") \| 0;
	this.params[1] = this.element.getFloatAttribute("cy") \| 0;
	var rx, ry;
	if (val) {
	rx = ry = this.element.getFloatAttribute("r");
	if (rx < 0) throw "svg error: negative radius found while parsing <circle>";
	} else {
	rx = this.element.getFloatAttribute("rx");
	ry = this.element.getFloatAttribute("ry");
	if (rx < 0 \|\| ry < 0) throw "svg error: negative x-axis radius or y-axis radius found while parsing <ellipse>";
	}
	this.params[0] -= rx;
	this.params[1] -= ry;
	this.params[2] = rx * 2;
	this.params[3] = ry * 2
	};
	PShapeSVG.prototype.parseLine = function() {
	this.kind = 4;
	this.family = 1;
	this.params = [];
	this.params[0] = this.element.getFloatAttribute("x1");
	this.params[1] = this.element.getFloatAttribute("y1");
	this.params[2] = this.element.getFloatAttribute("x2");
	this.params[3] = this.element.getFloatAttribute("y2")
	};
	PShapeSVG.prototype.parseColors = function(element) {
	if (element.hasAttribute("opacity")) this.setOpacity(element.getAttribute("opacity"));
	if (element.hasAttribute("stroke")) this.setStroke(element.getAttribute("stroke"));
	if (element.hasAttribute("stroke-width")) this.setStrokeWeight(element.getAttribute("stroke-width"));
	if (element.hasAttribute("stroke-linejoin")) this.setStrokeJoin(element.getAttribute("stroke-linejoin"));
	if (element.hasAttribute("stroke-linecap")) this.setStrokeCap(element.getStringAttribute("stroke-linecap"));
	if (element.hasAttribute("fill")) this.setFill(element.getStringAttribute("fill"));
	if (element.hasAttribute("style")) {
	var styleText = element.getStringAttribute("style");
	var styleTokens = styleText.toString().split(";");
	for (var i = 0, j = styleTokens.length; i < j; i++) {
	var tokens = p.trim(styleTokens[i].split(":"));
	if (tokens[0] === "fill") this.setFill(tokens[1]);
	else if (tokens[0] === "fill-opacity") this.setFillOpacity(tokens[1]);
	else if (tokens[0] === "stroke") this.setStroke(tokens[1]);
	else if (tokens[0] === "stroke-width") this.setStrokeWeight(tokens[1]);
	else if (tokens[0] === "stroke-linecap") this.setStrokeCap(tokens[1]);
	else if (tokens[0] === "stroke-linejoin") this.setStrokeJoin(tokens[1]);
	else if (tokens[0] === "stroke-opacity") this.setStrokeOpacity(tokens[1]);
	else if (tokens[0] === "opacity") this.setOpacity(tokens[1])
	}
	}
	};
	PShapeSVG.prototype.setFillOpacity = function(opacityText) {
	this.fillOpacity = parseFloat(opacityText);
	this.fillColor = this.fillOpacity * 255 << 24 \| this.fillColor & 16777215
	};
	PShapeSVG.prototype.setFill = function(fillText) {
	var opacityMask = this.fillColor & 4278190080;
	if (fillText === "none") this.fill = false;
	else if (fillText.indexOf("#") === 0) {
	this.fill = true;
	if (fillText.length === 4) fillText = fillText.replace(/#(.)(.)(.)/, "#$1$1$2$2$3$3");
	this.fillColor = opacityMask \| parseInt(fillText.substring(1), 16) & 16777215
	} else if (fillText.indexOf("rgb") === 0) {
	this.fill = true;
	this.fillColor = opacityMask \| this.parseRGB(fillText)
	} else if (fillText.indexOf("url(#") === 0) this.fillName = fillText.substring(5, fillText.length - 1);
	else if (colors[fillText]) {
	this.fill = true;
	this.fillColor = opacityMask \| parseInt(colors[fillText].substring(1), 16) & 16777215
	}
	};
	PShapeSVG.prototype.setOpacity = function(opacity) {
	this.strokeColor = parseFloat(opacity) * 255 << 24 \| this.strokeColor & 16777215;
	this.fillColor = parseFloat(opacity) * 255 << 24 \| this.fillColor & 16777215
	};
	PShapeSVG.prototype.setStroke = function(strokeText) {
	var opacityMask = this.strokeColor & 4278190080;
	if (strokeText === "none") this.stroke = false;
	else if (strokeText.charAt(0) === "#") {
	this.stroke = true;
	if (strokeText.length === 4) strokeText = strokeText.replace(/#(.)(.)(.)/, "#$1$1$2$2$3$3");
	this.strokeColor = opacityMask \| parseInt(strokeText.substring(1), 16) & 16777215
	} else if (strokeText.indexOf("rgb") === 0) {
	this.stroke = true;
	this.strokeColor = opacityMask \| this.parseRGB(strokeText)
	} else if (strokeText.indexOf("url(#") === 0) this.strokeName = strokeText.substring(5, strokeText.length - 1);
	else if (colors[strokeText]) {
	this.stroke = true;
	this.strokeColor = opacityMask \| parseInt(colors[strokeText].substring(1), 16) & 16777215
	}
	};
	PShapeSVG.prototype.setStrokeWeight = function(weight) {
	this.strokeWeight = this.parseUnitSize(weight)
	};
	PShapeSVG.prototype.setStrokeJoin = function(linejoin) {
	if (linejoin === "miter") this.strokeJoin = 'miter';
	else if (linejoin === "round") this.strokeJoin = 'round';
	else if (linejoin === "bevel") this.strokeJoin = 'bevel'
	};
	PShapeSVG.prototype.setStrokeCap = function(linecap) {
	if (linecap === "butt") this.strokeCap = 'butt';
	else if (linecap === "round") this.strokeCap = 'round';
	else if (linecap === "square") this.strokeCap = 'square'
	};
	PShapeSVG.prototype.setStrokeOpacity = function(opacityText) {
	this.strokeOpacity = parseFloat(opacityText);
	this.strokeColor = this.strokeOpacity * 255 << 24 \| this.strokeColor & 16777215
	};
	PShapeSVG.prototype.parseRGB = function(color) {
	var sub = color.substring(color.indexOf("(") + 1, color.indexOf(")"));
	var values = sub.split(", ");
	return values[0] << 16 \| values[1] << 8 \| values[2]
	};
	PShapeSVG.prototype.parseUnitSize = function(text) {
	var len = text.length - 2;
	if (len < 0) return text;
	if (text.indexOf("pt") === len) return parseFloat(text.substring(0, len)) * 1.25;
	if (text.indexOf("pc") === len) return parseFloat(text.substring(0, len)) * 15;
	if (text.indexOf("mm") === len) return parseFloat(text.substring(0, len)) * 3.543307;
	if (text.indexOf("cm") === len) return parseFloat(text.substring(0, len)) * 35.43307;
	if (text.indexOf("in") === len) return parseFloat(text.substring(0, len)) * 90;
	if (text.indexOf("px") === len) return parseFloat(text.substring(0, len));
	return parseFloat(text)
	};
	p.shape = function(shape, x, y, width, height) {
	if (arguments.length >= 1 && arguments[0] !== null) if (shape.isVisible()) {
	p.pushMatrix();
	if (curShapeMode === 3) if (arguments.length === 5) {
	p.translate(x - width / 2, y - height / 2);
	p.scale(width / shape.getWidth(), height / shape.getHeight())
	} else if (arguments.length === 3) p.translate(x - shape.getWidth() / 2, -shape.getHeight() / 2);
	else p.translate(-shape.getWidth() / 2, -shape.getHeight() / 2);
	else if (curShapeMode === 0) if (arguments.length === 5) {
	p.translate(x, y);
	p.scale(width / shape.getWidth(), height / shape.getHeight())
	} else {
	if (arguments.length === 3) p.translate(x, y)
	} else if (curShapeMode === 1) if (arguments.length === 5) {
	width -= x;
	height -= y;
	p.translate(x, y);
	p.scale(width / shape.getWidth(), height / shape.getHeight())
	} else if (arguments.length === 3) p.translate(x, y);
	shape.draw(p);
	if (arguments.length === 1 && curShapeMode === 3 \|\| arguments.length > 1) p.popMatrix()
	}
	};
	p.shapeMode = function(mode) {
	curShapeMode = mode
	};
	p.loadShape = function(filename) {
	if (arguments.length === 1) if (filename.indexOf(".svg") > -1) return new PShapeSVG(null, filename);
	return null
	};
	var XMLAttribute = function(fname, n, nameSpace, v, t) {
	this.fullName = fname \|\| "";
	this.name = n \|\| "";
	this.namespace = nameSpace \|\| "";
	this.value = v;
	this.type = t
	};
	XMLAttribute.prototype = {
	getName: function() {
	return this.name
	},
	getFullName: function() {
	return this.fullName
	},
	getNamespace: function() {
	return this.namespace
	},
	getValue: function() {
	return this.value
	},
	getType: function() {
	return this.type
	},
	setValue: function(newval) {
	this.value = newval
	}
	};
	var XMLElement = p.XMLElement = function(selector, uri, sysid, line) {
	this.attributes = [];
	this.children = [];
	this.fullName = null;
	this.name = null;
	this.namespace = "";
	this.content = null;
	this.parent = null;
	this.lineNr = "";
	this.systemID = "";
	this.type = "ELEMENT";
	if (selector) if (typeof selector === "string") if (uri === undef && selector.indexOf("<") > -1) this.parse(selector);
	else {
	this.fullName = selector;
	this.namespace = uri;
	this.systemId = sysid;
	this.lineNr = line
	} else this.parse(uri)
	};
	XMLElement.prototype = {
	parse: function(textstring) {
	var xmlDoc;
	try {
	var extension = textstring.substring(textstring.length - 4);
	if (extension === ".xml" \|\| extension === ".svg") textstring = ajax(textstring);
	xmlDoc = (new DOMParser).parseFromString(textstring, "text/xml");
	var elements = xmlDoc.documentElement;
	if (elements) this.parseChildrenRecursive(null, elements);
	else throw "Error loading document";
	return this
	} catch(e) {
	throw e;
	}
	},
	parseChildrenRecursive: function(parent, elementpath) {
	var xmlelement, xmlattribute, tmpattrib, l, m, child;
	if (!parent) {
	this.fullName = elementpath.localName;
	this.name = elementpath.nodeName;
	xmlelement = this
	} else {
	xmlelement = new XMLElement(elementpath.nodeName);
	xmlelement.parent = parent
	}
	if (elementpath.nodeType === 3 && elementpath.textContent !== "") return this.createPCDataElement(elementpath.textContent);
	if (elementpath.nodeType === 4) return this.createCDataElement(elementpath.textContent);
	if (elementpath.attributes) for (l = 0, m = elementpath.attributes.length; l < m; l++) {
	tmpattrib = elementpath.attributes[l];
	xmlattribute = new XMLAttribute(tmpattrib.getname, tmpattrib.nodeName, tmpattrib.namespaceURI, tmpattrib.nodeValue, tmpattrib.nodeType);
	xmlelement.attributes.push(xmlattribute)
	}
	if (elementpath.childNodes) for (l = 0, m = elementpath.childNodes.length; l < m; l++) {
	var node = elementpath.childNodes[l];
	child = xmlelement.parseChildrenRecursive(xmlelement, node);
	if (child !== null) xmlelement.children.push(child)
	}
	return xmlelement
	},
	createElement: function(fullname, namespaceuri, sysid, line) {
	if (sysid === undef) return new XMLElement(fullname, namespaceuri);
	return new XMLElement(fullname, namespaceuri, sysid, line)
	},
	createPCDataElement: function(content, isCDATA) {
	if (content.replace(/^\s+$/g, "") === "") return null;
	var pcdata = new XMLElement;
	pcdata.type = "TEXT";
	pcdata.content = content;
	return pcdata
	},
	createCDataElement: function(content) {
	var cdata = this.createPCDataElement(content);
	if (cdata === null) return null;
	cdata.type = "CDATA";
	var htmlentities = {
	"<": "<",
	">": ">",
	"'": "'",
	'"': """
	},
	entity;
	for (entity in htmlentities) if (!Object.hasOwnProperty(htmlentities, entity)) content = content.replace(new RegExp(entity, "g"), htmlentities[entity]);
	cdata.cdata = content;
	return cdata
	},
	hasAttribute: function() {
	if (arguments.length === 1) return this.getAttribute(arguments[0]) !== null;
	if (arguments.length === 2) return this.getAttribute(arguments[0], arguments[1]) !== null
	},
	equals: function(other) {
	if (! (other instanceof XMLElement)) return false;
	var i, j;
	if (this.fullName !== other.fullName) return false;
	if (this.attributes.length !== other.getAttributeCount()) return false;
	if (this.attributes.length !== other.attributes.length) return false;
	var attr_name, attr_ns, attr_value, attr_type, attr_other;
	for (i = 0, j = this.attributes.length; i < j; i++) {
	attr_name = this.attributes[i].getName();
	attr_ns = this.attributes[i].getNamespace();
	attr_other = other.findAttribute(attr_name, attr_ns);
	if (attr_other === null) return false;
	if (this.attributes[i].getValue() !== attr_other.getValue()) return false;
	if (this.attributes[i].getType() !== attr_other.getType()) return false
	}
	if (this.children.length !== other.getChildCount()) return false;
	if (this.children.length > 0) {
	var child1, child2;
	for (i = 0, j = this.children.length; i < j; i++) {
	child1 = this.getChild(i);
	child2 = other.getChild(i);
	if (!child1.equals(child2)) return false
	}
	return true
	}
	return this.content === other.content
	},
	getContent: function() {
	if (this.type === "TEXT" \|\| this.type === "CDATA") return this.content;
	var children = this.children;
	if (children.length === 1 && (children[0].type === "TEXT" \|\| children[0].type === "CDATA")) return children[0].content;
	return null
	},
	getAttribute: function() {
	var attribute;
	if (arguments.length === 2) {
	attribute = this.findAttribute(arguments[0]);
	if (attribute) return attribute.getValue();
	return arguments[1]
	} else if (arguments.length === 1) {
	attribute = this.findAttribute(arguments[0]);
	if (attribute) return attribute.getValue();
	return null
	} else if (arguments.length === 3) {
	attribute = this.findAttribute(arguments[0], arguments[1]);
	if (attribute) return attribute.getValue();
	return arguments[2]
	}
	},
	getStringAttribute: function() {
	if (arguments.length === 1) return this.getAttribute(arguments[0]);
	if (arguments.length === 2) return this.getAttribute(arguments[0], arguments[1]);
	return this.getAttribute(arguments[0], arguments[1], arguments[2])
	},
	getString: function(attributeName) {
	return this.getStringAttribute(attributeName)
	},
	getFloatAttribute: function() {
	if (arguments.length === 1) return parseFloat(this.getAttribute(arguments[0], 0));
	if (arguments.length === 2) return this.getAttribute(arguments[0], arguments[1]);
	return this.getAttribute(arguments[0], arguments[1], arguments[2])
	},
	getFloat: function(attributeName) {
	return this.getFloatAttribute(attributeName)
	},
	getIntAttribute: function() {
	if (arguments.length === 1) return this.getAttribute(arguments[0], 0);
	if (arguments.length === 2) return this.getAttribute(arguments[0], arguments[1]);
	return this.getAttribute(arguments[0], arguments[1], arguments[2])
	},
	getInt: function(attributeName) {
	return this.getIntAttribute(attributeName)
	},
	hasChildren: function() {
	return this.children.length > 0
	},
	addChild: function(child) {
	if (child !== null) {
	child.parent = this;
	this.children.push(child)
	}
	},
	insertChild: function(child, index) {
	if (child) {
	if (child.getLocalName() === null && !this.hasChildren()) {
	var lastChild = this.children[this.children.length - 1];
	if (lastChild.getLocalName() === null) {
	lastChild.setContent(lastChild.getContent() + child.getContent());
	return
	}
	}
	child.parent = this;
	this.children.splice(index, 0, child)
	}
	},
	getChild: function(selector) {
	if (typeof selector === "number") return this.children[selector];
	if (selector.indexOf("/") !== -1) return this.getChildRecursive(selector.split("/"), 0);
	var kid, kidName;
	for (var i = 0, j = this.getChildCount(); i < j; i++) {
	kid = this.getChild(i);
	kidName = kid.getName();
	if (kidName !== null && kidName === selector) return kid
	}
	return null
	},
	getChildren: function() {
	if (arguments.length === 1) {
	if (typeof arguments[0] === "number") return this.getChild(arguments[0]);
	if (arguments[0].indexOf("/") !== -1) return this.getChildrenRecursive(arguments[0].split("/"), 0);
	var matches = [];
	var kid, kidName;
	for (var i = 0, j = this.getChildCount(); i < j; i++) {
	kid = this.getChild(i);
	kidName = kid.getName();
	if (kidName !== null && kidName === arguments[0]) matches.push(kid)
	}
	return matches
	}
	return this.children
	},
	getChildCount: function() {
	return this.children.length
	},
	getChildRecursive: function(items, offset) {
	if (offset === items.length) return this;
	var kid, kidName, matchName = items[offset];
	for (var i = 0, j = this.getChildCount(); i < j; i++) {
	kid = this.getChild(i);
	kidName = kid.getName();
	if (kidName !== null && kidName === matchName) return kid.getChildRecursive(items, offset + 1)
	}
	return null
	},
	getChildrenRecursive: function(items, offset) {
	if (offset === items.length - 1) return this.getChildren(items[offset]);
	var matches = this.getChildren(items[offset]);
	var kidMatches = [];
	for (var i = 0; i < matches.length; i++) kidMatches = kidMatches.concat(matches[i].getChildrenRecursive(items, offset + 1));
	return kidMatches
	},
	isLeaf: function() {
	return !this.hasChildren()
	},
	listChildren: function() {
	var arr = [];
	for (var i = 0, j = this.children.length; i < j; i++) arr.push(this.getChild(i).getName());
	return arr
	},
	removeAttribute: function(name, namespace) {
	this.namespace = namespace \|\| "";
	for (var i = 0, j = this.attributes.length; i < j; i++) if (this.attributes[i].getName() === name && this.attributes[i].getNamespace() === this.namespace) {
	this.attributes.splice(i, 1);
	break
	}
	},
	removeChild: function(child) {
	if (child) for (var i = 0, j = this.children.length; i < j; i++) if (this.children[i].equals(child)) {
	this.children.splice(i, 1);
	break
	}
	},
	removeChildAtIndex: function(index) {
	if (this.children.length > index) this.children.splice(index, 1)
	},
	findAttribute: function(name, namespace) {
	this.namespace = namespace \|\| "";
	for (var i = 0, j = this.attributes.length; i < j; i++) if (this.attributes[i].getName() === name && this.attributes[i].getNamespace() === this.namespace) return this.attributes[i];
	return null
	},
	setAttribute: function() {
	var attr;
	if (arguments.length === 3) {
	var index = arguments[0].indexOf(":");
	var name = arguments[0].substring(index + 1);
	attr = this.findAttribute(name, arguments[1]);
	if (attr) attr.setValue(arguments[2]);
	else {
	attr = new XMLAttribute(arguments[0], name, arguments[1], arguments[2], "CDATA");
	this.attributes.push(attr)
	}
	} else {
	attr = this.findAttribute(arguments[0]);
	if (attr) attr.setValue(arguments[1]);
	else {
	attr = new XMLAttribute(arguments[0], arguments[0], null, arguments[1], "CDATA");
	this.attributes.push(attr)
	}
	}
	},
	setString: function(attribute, value) {
	this.setAttribute(attribute, value)
	},
	setInt: function(attribute, value) {
	this.setAttribute(attribute, value)
	},
	setFloat: function(attribute, value) {
	this.setAttribute(attribute, value)
	},
	setContent: function(content) {
	if (this.children.length > 0) Processing.debug("Tried to set content for XMLElement with children");
	this.content = content
	},
	setName: function() {
	if (arguments.length === 1) {
	this.name = arguments[0];
	this.fullName = arguments[0];
	this.namespace = null
	} else {
	var index = arguments[0].indexOf(":");
	if (arguments[1] === null \|\| index < 0) this.name = arguments[0];
	else this.name = arguments[0].substring(index + 1);
	this.fullName = arguments[0];
	this.namespace = arguments[1]
	}
	},
	getName: function() {
	return this.fullName
	},
	getLocalName: function() {
	return this.name
	},
	getAttributeCount: function() {
	return this.attributes.length
	},
	toString: function() {
	if (this.type === "TEXT") return this.content;
	if (this.type === "CDATA") return this.cdata;
	var tagstring = this.fullName;
	var xmlstring = "<" + tagstring;
	var a, c;
	for (a = 0; a < this.attributes.length; a++) {
	var attr = this.attributes[a];
	xmlstring += " " + attr.getName() + "=" + '"' + attr.getValue() + '"'
	}
	if (this.children.length === 0) if (this.content === "") xmlstring += "/>";
	else xmlstring += ">" + this.content + "</" + tagstring + ">";
	else {
	xmlstring += ">";
	for (c = 0; c < this.children.length; c++) xmlstring += this.children[c].toString();
	xmlstring += "</" + tagstring + ">"
	}
	return xmlstring
	}
	};
	XMLElement.parse = function(xmlstring) {
	var element = new XMLElement;
	element.parse(xmlstring);
	return element
	};
	var XML = p.XML = p.XMLElement;
	p.loadXML = function(uri) {
	return new XML(p, uri)
	};
	var printMatrixHelper = function(elements) {
	var big = 0;
	for (var i = 0; i < elements.length; i++) if (i !== 0) big = Math.max(big, Math.abs(elements[i]));
	else big = Math.abs(elements[i]);
	var digits = (big + "").indexOf(".");
	if (digits === 0) digits = 1;
	else if (digits === -1) digits = (big + "").length;
	return digits
	};
	var PMatrix2D = p.PMatrix2D = function() {
	if (arguments.length === 0) this.reset();
	else if (arguments.length === 1 && arguments[0] instanceof PMatrix2D) this.set(arguments[0].array());
	else if (arguments.length === 6) this.set(arguments[0], arguments[1], arguments[2], arguments[3], arguments[4], arguments[5])
	};
	PMatrix2D.prototype = {
	set: function() {
	if (arguments.length === 6) {
	var a = arguments;
	this.set([a[0], a[1], a[2], a[3], a[4], a[5]])
	} else if (arguments.length === 1 && arguments[0] instanceof PMatrix2D) this.elements = arguments[0].array();
	else if (arguments.length === 1 && arguments[0] instanceof Array) this.elements = arguments[0].slice()
	},
	get: function() {
	var outgoing = new PMatrix2D;
	outgoing.set(this.elements);
	return outgoing
	},
	reset: function() {
	this.set([1, 0, 0, 0, 1, 0])
	},
	array: function array() {
	return this.elements.slice()
	},
	translate: function(tx, ty) {
	this.elements[2] = tx * this.elements[0] + ty * this.elements[1] + this.elements[2];
	this.elements[5] = tx * this.elements[3] + ty * this.elements[4] + this.elements[5]
	},
	invTranslate: function(tx, ty) {
	this.translate(-tx, -ty)
	},
	transpose: function() {},
	mult: function(source, target) {
	var x, y;
	if (source instanceof
	PVector) {
	x = source.x;
	y = source.y;
	if (!target) target = new PVector
	} else if (source instanceof Array) {
	x = source[0];
	y = source[1];
	if (!target) target = []
	}
	if (target instanceof Array) {
	target[0] = this.elements[0] * x + this.elements[1] * y + this.elements[2];
	target[1] = this.elements[3] * x + this.elements[4] * y + this.elements[5]
	} else if (target instanceof PVector) {
	target.x = this.elements[0] * x + this.elements[1] * y + this.elements[2];
	target.y = this.elements[3] * x + this.elements[4] * y + this.elements[5];
	target.z = 0
	}
	return target
	},
	multX: function(x, y) {
	return x * this.elements[0] + y * this.elements[1] + this.elements[2]
	},
	multY: function(x, y) {
	return x * this.elements[3] + y * this.elements[4] + this.elements[5]
	},
	skewX: function(angle) {
	this.apply(1, 0, 1, angle, 0, 0)
	},
	skewY: function(angle) {
	this.apply(1, 0, 1, 0, angle, 0)
	},
	shearX: function(angle) {
	this.apply(1, 0, 1, Math.tan(angle), 0, 0)
	},
	shearY: function(angle) {
	this.apply(1, 0, 1, 0, Math.tan(angle), 0)
	},
	determinant: function() {
	return this.elements[0] * this.elements[4] - this.elements[1] * this.elements[3]
	},
	invert: function() {
	var d = this.determinant();
	if (Math.abs(d) > -2147483648) {
	var old00 = this.elements[0];
	var old01 = this.elements[1];
	var old02 = this.elements[2];
	var old10 = this.elements[3];
	var old11 = this.elements[4];
	var old12 = this.elements[5];
	this.elements[0] = old11 / d;
	this.elements[3] = -old10 / d;
	this.elements[1] = -old01 / d;
	this.elements[4] = old00 / d;
	this.elements[2] = (old01 * old12 - old11 * old02) / d;
	this.elements[5] = (old10 * old02 - old00 * old12) / d;
	return true
	}
	return false
	},
	scale: function(sx, sy) {
	if (sx && !sy) sy = sx;
	if (sx && sy) {
	this.elements[0] *= sx;
	this.elements[1] *= sy;
	this.elements[3] *= sx;
	this.elements[4] *= sy
	}
	},
	invScale: function(sx, sy) {
	if (sx && !sy) sy = sx;
	this.scale(1 / sx, 1 / sy)
	},
	apply: function() {
	var source;
	if (arguments.length === 1 && arguments[0] instanceof PMatrix2D) source = arguments[0].array();
	else if (arguments.length === 6) source = Array.prototype.slice.call(arguments);
	else if (arguments.length === 1 && arguments[0] instanceof Array) source = arguments[0];
	var result = [0, 0, this.elements[2], 0, 0, this.elements[5]];
	var e = 0;
	for (var row = 0; row < 2; row++) for (var col = 0; col < 3; col++, e++) result[e] += this.elements[row * 3 + 0] * source[col + 0] + this.elements[row * 3 + 1] * source[col + 3];
	this.elements = result.slice()
	},
	preApply: function() {
	var source;
	if (arguments.length === 1 && arguments[0] instanceof PMatrix2D) source = arguments[0].array();
	else if (arguments.length === 6) source = Array.prototype.slice.call(arguments);
	else if (arguments.length === 1 && arguments[0] instanceof Array) source = arguments[0];
	var result = [0, 0, source[2], 0, 0, source[5]];
	result[2] = source[2] + this.elements[2] * source[0] + this.elements[5] * source[1];
	result[5] = source[5] + this.elements[2] * source[3] + this.elements[5] * source[4];
	result[0] = this.elements[0] * source[0] + this.elements[3] * source[1];
	result[3] = this.elements[0] * source[3] + this.elements[3] * source[4];
	result[1] = this.elements[1] * source[0] + this.elements[4] * source[1];
	result[4] = this.elements[1] * source[3] + this.elements[4] * source[4];
	this.elements = result.slice()
	},
	rotate: function(angle) {
	var c = Math.cos(angle);
	var s = Math.sin(angle);
	var temp1 = this.elements[0];
	var temp2 = this.elements[1];
	this.elements[0] = c * temp1 + s * temp2;
	this.elements[1] = -s * temp1 + c * temp2;
	temp1 = this.elements[3];
	temp2 = this.elements[4];
	this.elements[3] = c * temp1 + s * temp2;
	this.elements[4] = -s * temp1 + c * temp2
	},
	rotateZ: function(angle) {
	this.rotate(angle)
	},
	invRotateZ: function(angle) {
	this.rotateZ(angle - Math.PI)
	},
	print: function() {
	var digits = printMatrixHelper(this.elements);
	var output = "" + p.nfs(this.elements[0], digits, 4) + " " + p.nfs(this.elements[1], digits, 4) + " " + p.nfs(this.elements[2], digits, 4) + "\n" + p.nfs(this.elements[3], digits, 4) + " " + p.nfs(this.elements[4], digits, 4) + " " + p.nfs(this.elements[5], digits, 4) + "\n\n";
	p.println(output)
	}
	};
	var PMatrix3D = p.PMatrix3D = function() {
	this.reset()
	};
	PMatrix3D.prototype = {
	set: function() {
	if (arguments.length === 16) this.elements = Array.prototype.slice.call(arguments);
	else if (arguments.length === 1 && arguments[0] instanceof PMatrix3D) this.elements = arguments[0].array();
	else if (arguments.length === 1 && arguments[0] instanceof Array) this.elements = arguments[0].slice()
	},
	get: function() {
	var outgoing = new PMatrix3D;
	outgoing.set(this.elements);
	return outgoing
	},
	reset: function() {
	this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]
	},
	array: function array() {
	return this.elements.slice()
	},
	translate: function(tx, ty, tz) {
	if (tz === undef) tz = 0;
	this.elements[3] += tx * this.elements[0] + ty * this.elements[1] + tz * this.elements[2];
	this.elements[7] += tx * this.elements[4] + ty * this.elements[5] + tz * this.elements[6];
	this.elements[11] += tx * this.elements[8] + ty * this.elements[9] + tz * this.elements[10];
	this.elements[15] += tx * this.elements[12] + ty * this.elements[13] + tz * this.elements[14]
	},
	transpose: function() {
	var temp = this.elements[4];
	this.elements[4] = this.elements[1];
	this.elements[1] = temp;
	temp = this.elements[8];
	this.elements[8] = this.elements[2];
	this.elements[2] = temp;
	temp = this.elements[6];
	this.elements[6] = this.elements[9];
	this.elements[9] = temp;
	temp = this.elements[3];
	this.elements[3] = this.elements[12];
	this.elements[12] = temp;
	temp = this.elements[7];
	this.elements[7] = this.elements[13];
	this.elements[13] = temp;
	temp = this.elements[11];
	this.elements[11] = this.elements[14];
	this.elements[14] = temp
	},
	mult: function(source, target) {
	var x, y, z, w;
	if (source instanceof
	PVector) {
	x = source.x;
	y = source.y;
	z = source.z;
	w = 1;
	if (!target) target = new PVector
	} else if (source instanceof Array) {
	x = source[0];
	y = source[1];
	z = source[2];
	w = source[3] \|\| 1;
	if (!target \|\| target.length !== 3 && target.length !== 4) target = [0, 0, 0]
	}
	if (target instanceof Array) if (target.length === 3) {
	target[0] = this.elements[0] * x + this.elements[1] * y + this.elements[2] * z + this.elements[3];
	target[1] = this.elements[4] * x + this.elements[5] * y + this.elements[6] * z + this.elements[7];
	target[2] = this.elements[8] * x + this.elements[9] * y + this.elements[10] * z + this.elements[11]
	} else if (target.length === 4) {
	target[0] = this.elements[0] * x + this.elements[1] * y + this.elements[2] * z + this.elements[3] * w;
	target[1] = this.elements[4] * x + this.elements[5] * y + this.elements[6] * z + this.elements[7] * w;
	target[2] = this.elements[8] * x + this.elements[9] * y + this.elements[10] * z + this.elements[11] * w;
	target[3] = this.elements[12] * x + this.elements[13] * y + this.elements[14] * z + this.elements[15] * w
	}
	if (target instanceof PVector) {
	target.x = this.elements[0] * x + this.elements[1] * y + this.elements[2] * z + this.elements[3];
	target.y = this.elements[4] * x + this.elements[5] * y + this.elements[6] * z + this.elements[7];
	target.z = this.elements[8] * x + this.elements[9] * y + this.elements[10] * z + this.elements[11]
	}
	return target
	},
	preApply: function() {
	var source;
	if (arguments.length === 1 && arguments[0] instanceof PMatrix3D) source = arguments[0].array();
	else if (arguments.length === 16) source = Array.prototype.slice.call(arguments);
	else if (arguments.length === 1 && arguments[0] instanceof Array) source = arguments[0];
	var result = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
	var e = 0;
	for (var row = 0; row < 4; row++) for (var col = 0; col < 4; col++, e++) result[e] += this.elements[col + 0] * source[row * 4 + 0] + this.elements[col + 4] * source[row * 4 + 1] + this.elements[col + 8] * source[row * 4 + 2] + this.elements[col + 12] * source[row * 4 + 3];
	this.elements = result.slice()
	},
	apply: function() {
	var source;
	if (arguments.length === 1 && arguments[0] instanceof PMatrix3D) source = arguments[0].array();
	else if (arguments.length === 16) source = Array.prototype.slice.call(arguments);
	else if (arguments.length === 1 && arguments[0] instanceof Array) source = arguments[0];
	var result = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
	var e = 0;
	for (var row = 0; row < 4; row++) for (var col = 0; col < 4; col++, e++) result[e] += this.elements[row * 4 + 0] * source[col + 0] + this.elements[row * 4 + 1] * source[col + 4] + this.elements[row * 4 + 2] * source[col + 8] + this.elements[row * 4 + 3] * source[col + 12];
	this.elements = result.slice()
	},
	rotate: function(angle, v0, v1, v2) {
	if (!v1) this.rotateZ(angle);
	else {
	var c = p.cos(angle);
	var s = p.sin(angle);
	var t = 1 - c;
	this.apply(t * v0 * v0 + c, t * v0 * v1 - s * v2, t * v0 * v2 + s * v1, 0, t * v0 * v1 + s * v2, t * v1 * v1 + c, t * v1 * v2 - s * v0, 0, t * v0 * v2 - s * v1, t * v1 * v2 + s * v0, t * v2 * v2 + c, 0, 0, 0, 0, 1)
	}
	},
	invApply: function() {
	if (inverseCopy === undef) inverseCopy = new PMatrix3D;
	var a = arguments;
	inverseCopy.set(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8], a[9], a[10], a[11], a[12], a[13], a[14], a[15]);
	if (!inverseCopy.invert()) return false;
	this.preApply(inverseCopy);
	return true
	},
	rotateX: function(angle) {
	var c = p.cos(angle);
	var s = p.sin(angle);
	this.apply([1, 0, 0, 0, 0, c, -s, 0, 0, s, c, 0, 0, 0, 0, 1])
	},
	rotateY: function(angle) {
	var c = p.cos(angle);
	var s = p.sin(angle);
	this.apply([c,
	0, s, 0, 0, 1, 0, 0, -s, 0, c, 0, 0, 0, 0, 1])
	},
	rotateZ: function(angle) {
	var c = Math.cos(angle);
	var s = Math.sin(angle);
	this.apply([c, -s, 0, 0, s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1])
	},
	scale: function(sx, sy, sz) {
	if (sx && !sy && !sz) sy = sz = sx;
	else if (sx && sy && !sz) sz = 1;
	if (sx && sy && sz) {
	this.elements[0] *= sx;
	this.elements[1] *= sy;
	this.elements[2] *= sz;
	this.elements[4] *= sx;
	this.elements[5] *= sy;
	this.elements[6] *= sz;
	this.elements[8] *= sx;
	this.elements[9] *= sy;
	this.elements[10] *= sz;
	this.elements[12] *= sx;
	this.elements[13] *= sy;
	this.elements[14] *= sz
	}
	},
	skewX: function(angle) {
	var t = Math.tan(angle);
	this.apply(1, t, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	},
	skewY: function(angle) {
	var t = Math.tan(angle);
	this.apply(1, 0, 0, 0, t, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	},
	shearX: function(angle) {
	var t = Math.tan(angle);
	this.apply(1, t, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	},
	shearY: function(angle) {
	var t = Math.tan(angle);
	this.apply(1, 0, 0, 0, t, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
	},
	multX: function(x, y, z, w) {
	if (!z) return this.elements[0] * x + this.elements[1] * y + this.elements[3];
	if (!w) return this.elements[0] * x + this.elements[1] * y + this.elements[2] * z + this.elements[3];
	return this.elements[0] * x + this.elements[1] * y + this.elements[2] * z + this.elements[3] * w
	},
	multY: function(x, y, z, w) {
	if (!z) return this.elements[4] * x + this.elements[5] * y + this.elements[7];
	if (!w) return this.elements[4] * x + this.elements[5] * y + this.elements[6] * z + this.elements[7];
	return this.elements[4] * x + this.elements[5] * y + this.elements[6] * z + this.elements[7] * w
	},
	multZ: function(x, y, z, w) {
	if (!w) return this.elements[8] * x + this.elements[9] * y + this.elements[10] * z + this.elements[11];
	return this.elements[8] * x + this.elements[9] * y + this.elements[10] * z + this.elements[11] * w
	},
	multW: function(x, y, z, w) {
	if (!w) return this.elements[12] * x + this.elements[13] * y + this.elements[14] * z + this.elements[15];
	return this.elements[12] * x + this.elements[13] * y + this.elements[14] * z + this.elements[15] * w
	},
	invert: function() {
	var fA0 = this.elements[0] * this.elements[5] - this.elements[1] * this.elements[4];
	var fA1 = this.elements[0] * this.elements[6] - this.elements[2] * this.elements[4];
	var fA2 = this.elements[0] * this.elements[7] - this.elements[3] * this.elements[4];
	var fA3 = this.elements[1] * this.elements[6] - this.elements[2] * this.elements[5];
	var fA4 = this.elements[1] * this.elements[7] - this.elements[3] * this.elements[5];
	var fA5 = this.elements[2] * this.elements[7] - this.elements[3] * this.elements[6];
	var fB0 = this.elements[8] * this.elements[13] - this.elements[9] * this.elements[12];
	var fB1 = this.elements[8] * this.elements[14] - this.elements[10] * this.elements[12];
	var fB2 = this.elements[8] * this.elements[15] - this.elements[11] * this.elements[12];
	var fB3 = this.elements[9] * this.elements[14] - this.elements[10] * this.elements[13];
	var fB4 = this.elements[9] * this.elements[15] - this.elements[11] * this.elements[13];
	var fB5 = this.elements[10] * this.elements[15] - this.elements[11] * this.elements[14];
	var fDet = fA0 * fB5 - fA1 * fB4 + fA2 * fB3 + fA3 * fB2 - fA4 * fB1 + fA5 * fB0;
	if (Math.abs(fDet) <= 1.0E-9) return false;
	var kInv = [];
	kInv[0] = +this.elements[5] * fB5 - this.elements[6] * fB4 + this.elements[7] * fB3;
	kInv[4] = -this.elements[4] * fB5 + this.elements[6] * fB2 - this.elements[7] * fB1;
	kInv[8] = +this.elements[4] * fB4 - this.elements[5] * fB2 + this.elements[7] * fB0;
	kInv[12] = -this.elements[4] * fB3 + this.elements[5] * fB1 - this.elements[6] * fB0;
	kInv[1] = -this.elements[1] * fB5 + this.elements[2] * fB4 - this.elements[3] * fB3;
	kInv[5] = +this.elements[0] * fB5 - this.elements[2] * fB2 + this.elements[3] * fB1;
	kInv[9] = -this.elements[0] * fB4 + this.elements[1] * fB2 - this.elements[3] * fB0;
	kInv[13] = +this.elements[0] * fB3 - this.elements[1] * fB1 + this.elements[2] * fB0;
	kInv[2] = +this.elements[13] * fA5 - this.elements[14] * fA4 + this.elements[15] * fA3;
	kInv[6] = -this.elements[12] * fA5 + this.elements[14] * fA2 - this.elements[15] * fA1;
	kInv[10] = +this.elements[12] * fA4 - this.elements[13] * fA2 + this.elements[15] * fA0;
	kInv[14] = -this.elements[12] * fA3 + this.elements[13] * fA1 - this.elements[14] * fA0;
	kInv[3] = -this.elements[9] * fA5 + this.elements[10] * fA4 - this.elements[11] * fA3;
	kInv[7] = +this.elements[8] * fA5 - this.elements[10] * fA2 + this.elements[11] * fA1;
	kInv[11] = -this.elements[8] * fA4 + this.elements[9] * fA2 - this.elements[11] * fA0;
	kInv[15] = +this.elements[8] * fA3 - this.elements[9] * fA1 + this.elements[10] * fA0;
	var fInvDet = 1 / fDet;
	kInv[0] *= fInvDet;
	kInv[1] *= fInvDet;
	kInv[2] *= fInvDet;
	kInv[3] *= fInvDet;
	kInv[4] *= fInvDet;
	kInv[5] *= fInvDet;
	kInv[6] *= fInvDet;
	kInv[7] *= fInvDet;
	kInv[8] *= fInvDet;
	kInv[9] *= fInvDet;
	kInv[10] *= fInvDet;
	kInv[11] *= fInvDet;
	kInv[12] *= fInvDet;
	kInv[13] *= fInvDet;
	kInv[14] *= fInvDet;
	kInv[15] *= fInvDet;
	this.elements = kInv.slice();
	return true
	},
	toString: function() {
	var str = "";
	for (var i = 0; i < 15; i++) str += this.elements[i] + ", ";
	str += this.elements[15];
	return str
	},
	print: function() {
	var digits = printMatrixHelper(this.elements);
	var output = "" + p.nfs(this.elements[0], digits, 4) + " " + p.nfs(this.elements[1], digits, 4) + " " + p.nfs(this.elements[2], digits, 4) + " " + p.nfs(this.elements[3], digits, 4) + "\n" + p.nfs(this.elements[4], digits, 4) + " " + p.nfs(this.elements[5], digits, 4) + " " + p.nfs(this.elements[6], digits, 4) + " " + p.nfs(this.elements[7], digits, 4) + "\n" + p.nfs(this.elements[8], digits, 4) + " " + p.nfs(this.elements[9], digits, 4) + " " + p.nfs(this.elements[10], digits, 4) + " " + p.nfs(this.elements[11], digits, 4) + "\n" + p.nfs(this.elements[12], digits, 4) + " " + p.nfs(this.elements[13], digits, 4) + " " + p.nfs(this.elements[14], digits, 4) + " " + p.nfs(this.elements[15], digits, 4) + "\n\n";
	p.println(output)
	},
	invTranslate: function(tx, ty, tz) {
	this.preApply(1, 0, 0, -tx, 0, 1, 0, -ty, 0, 0, 1, -tz, 0, 0, 0, 1)
	},
	invRotateX: function(angle) {
	var c = Math.cos(-angle);
	var s = Math.sin(-angle);
	this.preApply([1, 0, 0, 0, 0, c, -s, 0, 0, s, c, 0, 0, 0, 0, 1])
	},
	invRotateY: function(angle) {
	var c = Math.cos(-angle);
	var s = Math.sin(-angle);
	this.preApply([c, 0, s, 0, 0, 1, 0, 0, -s, 0, c, 0, 0, 0, 0, 1])
	},
	invRotateZ: function(angle) {
	var c = Math.cos(-angle);
	var s = Math.sin(-angle);
	this.preApply([c, -s, 0, 0, s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1])
	},
	invScale: function(x, y, z) {
	this.preApply([1 / x, 0, 0, 0, 0, 1 / y, 0, 0, 0, 0, 1 / z, 0, 0, 0, 0, 1])
	}
	};
	var PMatrixStack = p.PMatrixStack = function() {
	this.matrixStack = []
	};
	PMatrixStack.prototype.load = function() {
	var tmpMatrix = drawing.$newPMatrix();
	if (arguments.length === 1) tmpMatrix.set(arguments[0]);
	else tmpMatrix.set(arguments);
	this.matrixStack.push(tmpMatrix)
	};
	Drawing2D.prototype.$newPMatrix = function() {
	return new PMatrix2D
	};
	Drawing3D.prototype.$newPMatrix = function() {
	return new PMatrix3D
	};
	PMatrixStack.prototype.push = function() {
	this.matrixStack.push(this.peek())
	};
	PMatrixStack.prototype.pop = function() {
	return this.matrixStack.pop()
	};
	PMatrixStack.prototype.peek = function() {
	var tmpMatrix = drawing.$newPMatrix();
	tmpMatrix.set(this.matrixStack[this.matrixStack.length - 1]);
	return tmpMatrix
	};
	PMatrixStack.prototype.mult = function(matrix) {
	this.matrixStack[this.matrixStack.length - 1].apply(matrix)
	};
	p.split = function(str, delim) {
	return str.split(delim)
	};
	p.splitTokens = function(str, tokens) {
	if (tokens === undef) return str.split(/\s+/g);
	var chars = tokens.split(/()/g),
	buffer = "",
	len = str.length,
	i, c, tokenized = [];
	for (i = 0; i < len; i++) {
	c = str[i];
	if (chars.indexOf(c) > -1) {
	if (buffer !== "") tokenized.push(buffer);
	buffer = ""
	} else buffer += c
	}
	if (buffer !== "") tokenized.push(buffer);
	return tokenized
	};
	p.append = function(array, element) {
	array[array.length] = element;
	return array
	};
	p.concat = function(array1, array2) {
	return array1.concat(array2)
	};
	p.sort = function(array, numElem) {
	var ret = [];
	if (array.length > 0) {
	var elemsToCopy = numElem > 0 ? numElem : array.length;
	for (var i = 0; i < elemsToCopy; i++) ret.push(array[i]);
	if (typeof array[0] === "string") ret.sort();
	else ret.sort(function(a, b) {
	return a - b
	});
	if (numElem > 0) for (var j = ret.length; j < array.length; j++) ret.push(array[j])
	}
	return ret
	};
	p.splice = function(array, value, index) {
	if (value.length === 0) return array;
	if (value instanceof Array) for (var i = 0, j = index; i < value.length; j++, i++) array.splice(j, 0, value[i]);
	else array.splice(index, 0, value);
	return array
	};
	p.subset = function(array, offset, length) {
	var end = length !== undef ? offset + length : array.length;
	return array.slice(offset, end)
	};
	p.join = function(array, seperator) {
	return array.join(seperator)
	};
	p.shorten = function(ary) {
	var newary = [];
	var len = ary.length;
	for (var i = 0; i < len; i++) newary[i] = ary[i];
	newary.pop();
	return newary
	};
	p.expand = function(ary, targetSize) {
	var temp = ary.slice(0),
	newSize = targetSize \|\| ary.length * 2;
	temp.length = newSize;
	return temp
	};
	p.arrayCopy = function() {
	var src, srcPos = 0,
	dest, destPos = 0,
	length;
	if (arguments.length === 2) {
	src = arguments[0];
	dest = arguments[1];
	length = src.length
	} else if (arguments.length === 3) {
	src = arguments[0];
	dest = arguments[1];
	length = arguments[2]
	} else if (arguments.length === 5) {
	src = arguments[0];
	srcPos = arguments[1];
	dest = arguments[2];
	destPos = arguments[3];
	length = arguments[4]
	}
	for (var i = srcPos, j = destPos; i < length + srcPos; i++, j++) if (dest[j] !== undef) dest[j] = src[i];
	else throw "array index out of bounds exception";
	};
	p.reverse = function(array) {
	return array.reverse()
	};
	p.mix = function(a, b, f) {
	return a + ((b - a) * f >> 8)
	};
	p.peg = function(n) {
	return n < 0 ? 0 : n > 255 ? 255 : n
	};
	p.modes = function() {
	var ALPHA_MASK = 4278190080,
	RED_MASK = 16711680,
	GREEN_MASK = 65280,
	BLUE_MASK = 255,
	min = Math.min,
	max = Math.max;

	function applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb) {
	var a = min(((c1 & 4278190080) >>> 24) + f, 255) << 24;
	var r = ar + ((cr - ar) * f >> 8);
	r = (r < 0 ? 0 : r > 255 ? 255 : r) << 16;
	var g = ag + ((cg - ag) * f >> 8);
	g = (g < 0 ? 0 : g > 255 ? 255 : g) << 8;
	var b = ab + ((cb - ab) * f >> 8);
	b = b < 0 ? 0 : b > 255 ? 255 : b;
	return a \| r \| g \| b
	}
	return {
	replace: function(c1, c2) {
	return c2
	},
	blend: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = c1 & RED_MASK,
	ag = c1 & GREEN_MASK,
	ab = c1 & BLUE_MASK,
	br = c2 & RED_MASK,
	bg = c2 & GREEN_MASK,
	bb = c2 & BLUE_MASK;
	return min(((c1 & ALPHA_MASK) >>> 24) + f, 255) << 24 \| ar + ((br - ar) * f >> 8) & RED_MASK \| ag + ((bg - ag) * f >> 8) & GREEN_MASK \| ab + ((bb - ab) * f >> 8) & BLUE_MASK
	},
	add: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24;
	return min(((c1 & ALPHA_MASK) >>> 24) + f, 255) << 24 \| min((c1 & RED_MASK) + ((c2 & RED_MASK) >> 8) * f, RED_MASK) & RED_MASK \| min((c1 & GREEN_MASK) + ((c2 & GREEN_MASK) >> 8) * f, GREEN_MASK) & GREEN_MASK \| min((c1 & BLUE_MASK) + ((c2 & BLUE_MASK) * f >> 8), BLUE_MASK)
	},
	subtract: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24;
	return min(((c1 & ALPHA_MASK) >>> 24) + f, 255) << 24 \| max((c1 & RED_MASK) - ((c2 & RED_MASK) >> 8) * f, GREEN_MASK) & RED_MASK \| max((c1 & GREEN_MASK) - ((c2 & GREEN_MASK) >> 8) * f, BLUE_MASK) & GREEN_MASK \| max((c1 & BLUE_MASK) - ((c2 & BLUE_MASK) * f >> 8), 0)
	},
	lightest: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24;
	return min(((c1 & ALPHA_MASK) >>> 24) + f, 255) << 24 \| max(c1 & RED_MASK, ((c2 & RED_MASK) >> 8) * f) & RED_MASK \| max(c1 & GREEN_MASK, ((c2 & GREEN_MASK) >> 8) * f) & GREEN_MASK \| max(c1 & BLUE_MASK, (c2 & BLUE_MASK) * f >> 8)
	},
	darkest: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = c1 & RED_MASK,
	ag = c1 & GREEN_MASK,
	ab = c1 & BLUE_MASK,
	br = min(c1 & RED_MASK, ((c2 & RED_MASK) >> 8) * f),
	bg = min(c1 & GREEN_MASK, ((c2 & GREEN_MASK) >> 8) * f),
	bb = min(c1 & BLUE_MASK, (c2 & BLUE_MASK) * f >> 8);
	return min(((c1 & ALPHA_MASK) >>> 24) + f, 255) << 24 \| ar + ((br - ar) * f >> 8) & RED_MASK \| ag + ((bg - ag) * f >> 8) & GREEN_MASK \| ab + ((bb - ab) * f >> 8) & BLUE_MASK
	},
	difference: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = (c1 & RED_MASK) >> 16,
	ag = (c1 & GREEN_MASK) >> 8,
	ab = c1 & BLUE_MASK,
	br = (c2 & RED_MASK) >> 16,
	bg = (c2 & GREEN_MASK) >> 8,
	bb = c2 & BLUE_MASK,
	cr = ar > br ? ar - br : br - ar,
	cg = ag > bg ? ag - bg : bg - ag,
	cb = ab > bb ? ab - bb : bb - ab;
	return applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb)
	},
	exclusion: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = (c1 & RED_MASK) >> 16,
	ag = (c1 & GREEN_MASK) >> 8,
	ab = c1 & BLUE_MASK,
	br = (c2 & RED_MASK) >> 16,
	bg = (c2 & GREEN_MASK) >> 8,
	bb = c2 & BLUE_MASK,
	cr = ar + br - (ar * br >> 7),
	cg = ag + bg - (ag * bg >> 7),
	cb = ab + bb - (ab * bb >> 7);
	return applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb)
	},
	multiply: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = (c1 & RED_MASK) >> 16,
	ag = (c1 & GREEN_MASK) >> 8,
	ab = c1 & BLUE_MASK,
	br = (c2 & RED_MASK) >> 16,
	bg = (c2 & GREEN_MASK) >> 8,
	bb = c2 & BLUE_MASK,
	cr = ar * br >> 8,
	cg = ag * bg >> 8,
	cb = ab * bb >> 8;
	return applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb)
	},
	screen: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = (c1 & RED_MASK) >> 16,
	ag = (c1 & GREEN_MASK) >> 8,
	ab = c1 & BLUE_MASK,
	br = (c2 & RED_MASK) >> 16,
	bg = (c2 & GREEN_MASK) >> 8,
	bb = c2 & BLUE_MASK,
	cr = 255 - ((255 - ar) * (255 - br) >> 8),
	cg = 255 - ((255 - ag) * (255 - bg) >> 8),
	cb = 255 - ((255 - ab) * (255 - bb) >> 8);
	return applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb)
	},
	hard_light: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = (c1 & RED_MASK) >> 16,
	ag = (c1 & GREEN_MASK) >> 8,
	ab = c1 & BLUE_MASK,
	br = (c2 & RED_MASK) >> 16,
	bg = (c2 & GREEN_MASK) >> 8,
	bb = c2 & BLUE_MASK,
	cr = br < 128 ? ar * br >> 7 : 255 - ((255 - ar) * (255 - br) >> 7),
	cg = bg < 128 ? ag * bg >> 7 : 255 - ((255 - ag) * (255 - bg) >> 7),
	cb = bb < 128 ? ab * bb >> 7 : 255 - ((255 - ab) * (255 - bb) >> 7);
	return applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb)
	},
	soft_light: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = (c1 & RED_MASK) >> 16,
	ag = (c1 & GREEN_MASK) >> 8,
	ab = c1 & BLUE_MASK,
	br = (c2 & RED_MASK) >> 16,
	bg = (c2 & GREEN_MASK) >> 8,
	bb = c2 & BLUE_MASK,
	cr = (ar * br >> 7) + (ar * ar >> 8) - (ar * ar * br >> 15),
	cg = (ag * bg >> 7) + (ag * ag >> 8) - (ag * ag * bg >> 15),
	cb = (ab * bb >> 7) + (ab * ab >> 8) - (ab * ab * bb >> 15);
	return applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb)
	},
	overlay: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = (c1 & RED_MASK) >> 16,
	ag = (c1 & GREEN_MASK) >> 8,
	ab = c1 & BLUE_MASK,
	br = (c2 & RED_MASK) >> 16,
	bg = (c2 & GREEN_MASK) >> 8,
	bb = c2 & BLUE_MASK,
	cr = ar < 128 ? ar * br >> 7 : 255 - ((255 - ar) * (255 - br) >> 7),
	cg = ag < 128 ? ag * bg >> 7 : 255 - ((255 - ag) * (255 - bg) >> 7),
	cb = ab < 128 ? ab * bb >> 7 : 255 - ((255 - ab) * (255 - bb) >> 7);
	return applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb)
	},
	dodge: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = (c1 & RED_MASK) >> 16,
	ag = (c1 & GREEN_MASK) >> 8,
	ab = c1 & BLUE_MASK,
	br = (c2 & RED_MASK) >> 16,
	bg = (c2 & GREEN_MASK) >> 8,
	bb = c2 & BLUE_MASK;
	var cr = 255;
	if (br !== 255) {
	cr = (ar << 8) / (255 - br);
	cr = cr < 0 ? 0 : cr > 255 ? 255 : cr
	}
	var cg = 255;
	if (bg !== 255) {
	cg = (ag << 8) / (255 - bg);
	cg = cg < 0 ? 0 : cg > 255 ? 255 : cg
	}
	var cb = 255;
	if (bb !== 255) {
	cb = (ab << 8) / (255 - bb);
	cb = cb < 0 ? 0 : cb > 255 ? 255 : cb
	}
	return applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb)
	},
	burn: function(c1, c2) {
	var f = (c2 & ALPHA_MASK) >>> 24,
	ar = (c1 & RED_MASK) >> 16,
	ag = (c1 & GREEN_MASK) >> 8,
	ab = c1 & BLUE_MASK,
	br = (c2 & RED_MASK) >> 16,
	bg = (c2 & GREEN_MASK) >> 8,
	bb = c2 & BLUE_MASK;
	var cr = 0;
	if (br !== 0) {
	cr = (255 - ar << 8) / br;
	cr = 255 - (cr < 0 ? 0 : cr > 255 ? 255 : cr)
	}
	var cg = 0;
	if (bg !== 0) {
	cg = (255 - ag << 8) / bg;
	cg = 255 - (cg < 0 ? 0 : cg > 255 ? 255 : cg)
	}
	var cb = 0;
	if (bb !== 0) {
	cb = (255 - ab << 8) / bb;
	cb = 255 - (cb < 0 ? 0 : cb > 255 ? 255 : cb)
	}
	return applyMode(c1, f, ar, ag, ab, br, bg, bb, cr, cg, cb)
	}
	}
	}();

	function color$4(aValue1, aValue2, aValue3, aValue4) {
	var r, g, b, a;
	if (curColorMode === 3) {
	var rgb = p.color.toRGB(aValue1, aValue2, aValue3);
	r = rgb[0];
	g = rgb[1];
	b = rgb[2]
	} else {
	r = Math.round(255 * (aValue1 / colorModeX));
	g = Math.round(255 * (aValue2 / colorModeY));
	b = Math.round(255 * (aValue3 / colorModeZ))
	}
	a = Math.round(255 * (aValue4 / colorModeA));
	r = r < 0 ? 0 : r;
	g = g < 0 ? 0 : g;
	b = b < 0 ? 0 : b;
	a = a < 0 ? 0 : a;
	r = r > 255 ? 255 : r;
	g = g > 255 ? 255 : g;
	b = b > 255 ? 255 : b;
	a = a > 255 ? 255 : a;
	return a << 24 & 4278190080 \| r << 16 & 16711680 \| g << 8 & 65280 \| b & 255
	}
	function color$2(aValue1, aValue2) {
	var a;
	if (aValue1 & 4278190080) {
	a = Math.round(255 * (aValue2 / colorModeA));
	a = a > 255 ? 255 : a;
	a = a < 0 ? 0 : a;
	return aValue1 - (aValue1 & 4278190080) + (a << 24 & 4278190080)
	}
	if (curColorMode === 1) return color$4(aValue1, aValue1, aValue1, aValue2);
	if (curColorMode === 3) return color$4(0, 0, aValue1 / colorModeX * colorModeZ, aValue2)
	}
	function color$1(aValue1) {
	if (aValue1 <= colorModeX && aValue1 >= 0) {
	if (curColorMode === 1) return color$4(aValue1, aValue1, aValue1, colorModeA);
	if (curColorMode === 3) return color$4(0, 0, aValue1 / colorModeX * colorModeZ, colorModeA)
	}
	if (aValue1) {
	if (aValue1 > 2147483647) aValue1 -= 4294967296;
	return aValue1
	}
	}
	p.color = function(aValue1, aValue2, aValue3, aValue4) {
	if (aValue1 !== undef && aValue2 !== undef && aValue3 !== undef && aValue4 !== undef) return color$4(aValue1, aValue2, aValue3, aValue4);
	if (aValue1 !== undef && aValue2 !== undef && aValue3 !== undef) return color$4(aValue1, aValue2, aValue3, colorModeA);
	if (aValue1 !== undef && aValue2 !== undef) return color$2(aValue1, aValue2);
	if (typeof aValue1 === "number") return color$1(aValue1);
	return color$4(colorModeX, colorModeY, colorModeZ, colorModeA)
	};
	p.color.toString = function(colorInt) {
	return "rgba(" + ((colorInt >> 16) & 255) + "," + ((colorInt >> 8) & 255) + "," + (colorInt & 255) + "," + ((colorInt >> 24) & 255) / 255 + ")"
	};
	p.color.toInt = function(r, g, b, a) {
	return a << 24 & 4278190080 \| r << 16 & 16711680 \| g << 8 & 65280 \| b & 255
	};
	p.color.toArray = function(colorInt) {
	return [(colorInt >> 16) & 255, (colorInt >> 8) & 255, colorInt & 255, (colorInt >> 24) & 255]
	};
	p.color.toGLArray = function(colorInt) {
	return [((colorInt & 16711680) >>> 16) / 255, ((colorInt >> 8) & 255) / 255, (colorInt & 255) / 255, ((colorInt >> 24) & 255) / 255]
	};
	p.color.toRGB = function(h, s, b) {
	h = h > colorModeX ? colorModeX : h;
	s = s > colorModeY ? colorModeY : s;
	b = b > colorModeZ ? colorModeZ : b;
	h = h / colorModeX * 360;
	s = s / colorModeY * 100;
	b = b / colorModeZ * 100;
	var br = Math.round(b / 100 * 255);
	if (s === 0) return [br, br, br];
	var hue = h % 360;
	var f = hue % 60;
	var p = Math.round(b * (100 - s) / 1E4 * 255);
	var q = Math.round(b * (6E3 - s * f) / 6E5 * 255);
	var t = Math.round(b * (6E3 - s * (60 - f)) / 6E5 * 255);
	switch (Math.floor(hue / 60)) {
	case 0:
	return [br, t, p];
	case 1:
	return [q, br, p];
	case 2:
	return [p, br, t];
	case 3:
	return [p, q, br];
	case 4:
	return [t, p, br];
	case 5:
	return [br, p, q]
	}
	};

	function colorToHSB(colorInt) {
	var red, green, blue;
	red = ((colorInt >> 16) & 255) / 255;
	green = ((colorInt >> 8) & 255) / 255;
	blue = (colorInt & 255) / 255;
	var max = p.max(p.max(red, green), blue),
	min = p.min(p.min(red, green), blue),
	hue, saturation;
	if (min === max) return [0, 0, max * colorModeZ];
	saturation = (max - min) / max;
	if (red === max) hue = (green - blue) / (max - min);
	else if (green === max) hue = 2 + (blue - red) / (max - min);
	else hue = 4 + (red - green) / (max - min);
	hue /= 6;
	if (hue < 0) hue += 1;
	else if (hue > 1) hue -= 1;
	return [hue * colorModeX, saturation * colorModeY, max * colorModeZ]
	}
	p.brightness = function(colInt) {
	return colorToHSB(colInt)[2]
	};
	p.saturation = function(colInt) {
	return colorToHSB(colInt)[1]
	};
	p.hue = function(colInt) {
	return colorToHSB(colInt)[0]
	};
	p.red = function(aColor) {
	return ((aColor >> 16) & 255) / 255 * colorModeX
	};
	p.green = function(aColor) {
	return ((aColor & 65280) >>> 8) / 255 * colorModeY
	};
	p.blue = function(aColor) {
	return (aColor & 255) / 255 * colorModeZ
	};
	p.alpha = function(aColor) {
	return ((aColor >> 24) & 255) / 255 * colorModeA
	};
	p.lerpColor = function(c1, c2, amt) {
	var r, g, b, a, r1, g1, b1, a1, r2, g2, b2, a2;
	var hsb1, hsb2, rgb, h, s;
	var colorBits1 = p.color(c1);
	var colorBits2 = p.color(c2);
	if (curColorMode === 3) {
	hsb1 = colorToHSB(colorBits1);
	a1 = ((colorBits1 >> 24) & 255) / colorModeA;
	hsb2 = colorToHSB(colorBits2);
	a2 = ((colorBits2 & 4278190080) >>> 24) / colorModeA;
	h = p.lerp(hsb1[0], hsb2[0], amt);
	s = p.lerp(hsb1[1], hsb2[1], amt);
	b = p.lerp(hsb1[2], hsb2[2], amt);
	rgb = p.color.toRGB(h, s, b);
	a = p.lerp(a1, a2, amt) * colorModeA;
	return a << 24 & 4278190080 \| (rgb[0] & 255) << 16 \| (rgb[1] & 255) << 8 \| rgb[2] & 255
	}
	r1 = (colorBits1 >> 16) & 255;
	g1 = (colorBits1 >> 8) & 255;
	b1 = colorBits1 & 255;
	a1 = ((colorBits1 >> 24) & 255) / colorModeA;
	r2 = (colorBits2 & 16711680) >>> 16;
	g2 = (colorBits2 >> 8) & 255;
	b2 = colorBits2 & 255;
	a2 = ((colorBits2 >> 24) & 255) / colorModeA;
	r = p.lerp(r1, r2, amt) \| 0;
	g = p.lerp(g1, g2, amt) \| 0;
	b = p.lerp(b1, b2, amt) \| 0;
	a = p.lerp(a1, a2, amt) * colorModeA;
	return a << 24 & 4278190080 \| r << 16 & 16711680 \| g << 8 & 65280 \| b & 255
	};
	p.colorMode = function() {
	curColorMode = arguments[0];
	if (arguments.length > 1) {
	colorModeX = arguments[1];
	colorModeY = arguments[2] \|\| arguments[1];
	colorModeZ = arguments[3] \|\| arguments[1];
	colorModeA = arguments[4] \|\| arguments[1]
	}
	};
	p.blendColor = function(c1, c2, mode) {
	if (mode === 0) return p.modes.replace(c1, c2);
	else if (mode === 1) return p.modes.blend(c1, c2);
	else if (mode === 2) return p.modes.add(c1, c2);
	else if (mode === 4) return p.modes.subtract(c1, c2);
	else if (mode === 8) return p.modes.lightest(c1, c2);
	else if (mode === 16) return p.modes.darkest(c1, c2);
	else if (mode === 32) return p.modes.difference(c1, c2);
	else if (mode === 64) return p.modes.exclusion(c1, c2);
	else if (mode === 128) return p.modes.multiply(c1, c2);
	else if (mode === 256) return p.modes.screen(c1, c2);
	else if (mode === 1024) return p.modes.hard_light(c1, c2);
	else if (mode === 2048) return p.modes.soft_light(c1, c2);
	else if (mode === 512) return p.modes.overlay(c1, c2);
	else if (mode === 4096) return p.modes.dodge(c1, c2);
	else if (mode === 8192) return p.modes.burn(c1, c2)
	};

	function saveContext() {
	curContext.save()
	}
	function restoreContext() {
	curContext.restore();
	isStrokeDirty = true;
	isFillDirty = true
	}
	p.printMatrix = function() {
	modelView.print()
	};
	Drawing2D.prototype.translate = function(x, y) {
	modelView.translate(x, y);
	modelViewInv.invTranslate(x, y);
	curContext.translate(x, y)
	};
	Drawing3D.prototype.translate = function(x, y, z) {
	modelView.translate(x, y, z);
	modelViewInv.invTranslate(x, y, z)
	};
	Drawing2D.prototype.scale = function(x, y) {
	modelView.scale(x, y);
	modelViewInv.invScale(x, y);
	curContext.scale(x, y \|\| x)
	};
	Drawing3D.prototype.scale = function(x, y, z) {
	modelView.scale(x, y, z);
	modelViewInv.invScale(x, y, z)
	};
	Drawing2D.prototype.transform = function(pmatrix) {
	var e = pmatrix.array();
	curContext.transform(e[0], e[3], e[1], e[4], e[2], e[5])
	};
	Drawing3D.prototype.transformm = function(pmatrix3d) {
	throw "p.transform is currently not supported in 3D mode";
	};
	Drawing2D.prototype.pushMatrix = function() {
	userMatrixStack.load(modelView);
	userReverseMatrixStack.load(modelViewInv);
	saveContext()
	};
	Drawing3D.prototype.pushMatrix = function() {
	userMatrixStack.load(modelView);
	userReverseMatrixStack.load(modelViewInv)
	};
	Drawing2D.prototype.popMatrix = function() {
	modelView.set(userMatrixStack.pop());
	modelViewInv.set(userReverseMatrixStack.pop());
	restoreContext()
	};
	Drawing3D.prototype.popMatrix = function() {
	modelView.set(userMatrixStack.pop());
	modelViewInv.set(userReverseMatrixStack.pop())
	};
	Drawing2D.prototype.resetMatrix = function() {
	modelView.reset();
	modelViewInv.reset();
	curContext.setTransform(1, 0, 0, 1, 0, 0)
	};
	Drawing3D.prototype.resetMatrix = function() {
	modelView.reset();
	modelViewInv.reset()
	};
	DrawingShared.prototype.applyMatrix = function() {
	var a = arguments;
	modelView.apply(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8], a[9], a[10], a[11], a[12], a[13], a[14], a[15]);
	modelViewInv.invApply(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8], a[9], a[10], a[11], a[12], a[13], a[14], a[15])
	};
	Drawing2D.prototype.applyMatrix = function() {
	var a = arguments;
	for (var cnt = a.length; cnt < 16; cnt++) a[cnt] = 0;
	a[10] = a[15] = 1;
	DrawingShared.prototype.applyMatrix.apply(this, a)
	};
	p.rotateX = function(angleInRadians) {
	modelView.rotateX(angleInRadians);
	modelViewInv.invRotateX(angleInRadians)
	};
	Drawing2D.prototype.rotateZ = function() {
	throw "rotateZ() is not supported in 2D mode. Use rotate(float) instead.";
	};
	Drawing3D.prototype.rotateZ = function(angleInRadians) {
	modelView.rotateZ(angleInRadians);
	modelViewInv.invRotateZ(angleInRadians)
	};
	p.rotateY = function(angleInRadians) {
	modelView.rotateY(angleInRadians);
	modelViewInv.invRotateY(angleInRadians)
	};
	Drawing2D.prototype.rotate = function(angleInRadians) {
	modelView.rotateZ(angleInRadians);
	modelViewInv.invRotateZ(angleInRadians);
	curContext.rotate(angleInRadians)
	};
	Drawing3D.prototype.rotate = function(angleInRadians) {
	p.rotateZ(angleInRadians)
	};
	Drawing2D.prototype.shearX = function(angleInRadians) {
	modelView.shearX(angleInRadians);
	curContext.transform(1, 0, angleInRadians, 1, 0, 0)
	};
	Drawing3D.prototype.shearX = function(angleInRadians) {
	modelView.shearX(angleInRadians)
	};
	Drawing2D.prototype.shearY = function(angleInRadians) {
	modelView.shearY(angleInRadians);
	curContext.transform(1, angleInRadians, 0, 1, 0, 0)
	};
	Drawing3D.prototype.shearY = function(angleInRadians) {
	modelView.shearY(angleInRadians)
	};
	p.pushStyle = function() {
	saveContext();
	p.pushMatrix();
	var newState = {
	"doFill": doFill,
	"currentFillColor": currentFillColor,
	"doStroke": doStroke,
	"currentStrokeColor": currentStrokeColor,
	"curTint": curTint,
	"curRectMode": curRectMode,
	"curColorMode": curColorMode,
	"colorModeX": colorModeX,
	"colorModeZ": colorModeZ,
	"colorModeY": colorModeY,
	"colorModeA": colorModeA,
	"curTextFont": curTextFont,
	"horizontalTextAlignment": horizontalTextAlignment,
	"verticalTextAlignment": verticalTextAlignment,
	"textMode": textMode,
	"curFontName": curFontName,
	"curTextSize": curTextSize,
	"curTextAscent": curTextAscent,
	"curTextDescent": curTextDescent,
	"curTextLeading": curTextLeading
	};
	styleArray.push(newState)
	};
	p.popStyle = function() {
	var oldState = styleArray.pop();
	if (oldState) {
	restoreContext();
	p.popMatrix();
	doFill = oldState.doFill;
	currentFillColor = oldState.currentFillColor;
	doStroke = oldState.doStroke;
	currentStrokeColor = oldState.currentStrokeColor;
	curTint = oldState.curTint;
	curRectMode = oldState.curRectMode;
	curColorMode = oldState.curColorMode;
	colorModeX = oldState.colorModeX;
	colorModeZ = oldState.colorModeZ;
	colorModeY = oldState.colorModeY;
	colorModeA = oldState.colorModeA;
	curTextFont = oldState.curTextFont;
	curFontName = oldState.curFontName;
	curTextSize = oldState.curTextSize;
	horizontalTextAlignment = oldState.horizontalTextAlignment;
	verticalTextAlignment = oldState.verticalTextAlignment;
	textMode = oldState.textMode;
	curTextAscent = oldState.curTextAscent;
	curTextDescent = oldState.curTextDescent;
	curTextLeading = oldState.curTextLeading
	} else throw "Too many popStyle() without enough pushStyle()";
	};
	p.year = function() {
	return (new Date).getFullYear()
	};
	p.month = function() {
	return (new Date).getMonth() + 1
	};
	p.day = function() {
	return (new Date).getDate()
	};
	p.hour = function() {
	return (new Date).getHours()
	};
	p.minute = function() {
	return (new Date).getMinutes()
	};
	p.second = function() {
	return (new Date).getSeconds()
	};
	p.millis = function() {
	return Date.now() - start
	};

	function redrawHelper() {
	var sec = (Date.now() - timeSinceLastFPS) / 1E3;
	framesSinceLastFPS++;
	var fps = framesSinceLastFPS / sec;
	if (sec > 0.5) {
	timeSinceLastFPS = Date.now();
	framesSinceLastFPS = 0;
	p.__frameRate = fps
	}
	p.frameCount++
	}
	Drawing2D.prototype.redraw = function() {
	redrawHelper();
	curContext.lineWidth = lineWidth;
	var pmouseXLastEvent = p.pmouseX,
	pmouseYLastEvent = p.pmouseY;
	p.pmouseX = pmouseXLastFrame;
	p.pmouseY = pmouseYLastFrame;
	saveContext();
	p.draw();
	restoreContext();
	pmouseXLastFrame = p.mouseX;
	pmouseYLastFrame = p.mouseY;
	p.pmouseX = pmouseXLastEvent;
	p.pmouseY = pmouseYLastEvent
	};
	Drawing3D.prototype.redraw = function() {
	redrawHelper();
	var pmouseXLastEvent = p.pmouseX,
	pmouseYLastEvent = p.pmouseY;
	p.pmouseX = pmouseXLastFrame;
	p.pmouseY = pmouseYLastFrame;
	curContext.clear(curContext.DEPTH_BUFFER_BIT);
	curContextCache = {
	attributes: {},
	locations: {}
	};
	p.noLights();
	p.lightFalloff(1, 0, 0);
	p.shininess(1);
	p.ambient(255, 255, 255);
	p.specular(0, 0, 0);
	p.emissive(0, 0, 0);
	p.camera();
	p.draw();
	pmouseXLastFrame = p.mouseX;
	pmouseYLastFrame = p.mouseY;
	p.pmouseX = pmouseXLastEvent;
	p.pmouseY = pmouseYLastEvent
	};
	p.noLoop = function() {
	doLoop = false;
	loopStarted = false;
	clearInterval(looping);
	curSketch.onPause()
	};
	p.loop = function() {
	if (loopStarted) return;
	timeSinceLastFPS = Date.now();
	framesSinceLastFPS = 0;
	looping = window.setInterval(function() {
	try {
	curSketch.onFrameStart();
	p.redraw();
	curSketch.onFrameEnd()
	} catch(e_loop) {
	window.clearInterval(looping);
	throw e_loop;
	}
	},
	curMsPerFrame);
	doLoop = true;
	loopStarted = true;
	curSketch.onLoop()
	};
	p.frameRate = function(aRate) {
	curFrameRate = aRate;
	curMsPerFrame = 1E3 / curFrameRate;
	if (doLoop) {
	p.noLoop();
	p.loop()
	}
	};
	var eventHandlers = [];

	function attachEventHandler(elem, type, fn) {
	if (elem.addEventListener) elem.addEventListener(type, fn, false);
	else elem.attachEvent("on" + type, fn);
	eventHandlers.push({
	elem: elem,
	type: type,
	fn: fn
	})
	}
	function detachEventHandler(eventHandler) {
	var elem = eventHandler.elem,
	type = eventHandler.type,
	fn = eventHandler.fn;
	if (elem.removeEventListener) elem.removeEventListener(type, fn, false);
	else if (elem.detachEvent) elem.detachEvent("on" + type, fn)
	}
	p.exit = function() {
	window.clearInterval(looping);
	removeInstance(p.externals.canvas.id);
	delete curElement.onmousedown;
	for (var lib in Processing.lib) if (Processing.lib.hasOwnProperty(lib)) if (Processing.lib[lib].hasOwnProperty("detach")) Processing.lib[lib].detach(p);
	var i = eventHandlers.length;
	while (i--) detachEventHandler(eventHandlers[i]);
	curSketch.onExit()
	};
	p.cursor = function() {
	if (arguments.length > 1 \|\| arguments.length === 1 && arguments[0] instanceof p.PImage) {
	var image = arguments[0],
	x, y;
	if (arguments.length >= 3) {
	x = arguments[1];
	y = arguments[2];
	if (x < 0 \|\| y < 0 \|\| y >= image.height \|\| x >= image.width) throw "x and y must be non-negative and less than the dimensions of the image";
	} else {
	x = image.width >>> 1;
	y = image.height >>> 1
	}
	var imageDataURL = image.toDataURL();
	var style = 'url("' + imageDataURL + '") ' + x + " " + y + ", default";
	curCursor = curElement.style.cursor = style
	} else if (arguments.length === 1) {
	var mode = arguments[0];
	curCursor = curElement.style.cursor = mode
	} else curCursor = curElement.style.cursor = oldCursor
	};
	p.noCursor = function() {
	curCursor = curElement.style.cursor = PConstants.NOCURSOR
	};
	p.link = function(href, target) {
	if (target !== undef) window.open(href, target);
	else window.location = href
	};
	p.beginDraw = nop;
	p.endDraw = nop;
	Drawing2D.prototype.toImageData = function(x, y, w, h) {
	x = x !== undef ? x : 0;
	y = y !== undef ? y : 0;
	w = w !== undef ? w : p.width;
	h = h !== undef ? h : p.height;
	return curContext.getImageData(x, y, w, h)
	};
	Drawing3D.prototype.toImageData = function(x, y, w, h) {
	x = x !== undef ? x : 0;
	y = y !== undef ? y : 0;
	w = w !== undef ? w : p.width;
	h = h !== undef ? h : p.height;
	var c = document.createElement("canvas"),
	ctx = c.getContext("2d"),
	obj = ctx.createImageData(w, h),
	uBuff = new Uint8Array(w * h * 4);
	curContext.readPixels(x, y, w, h, curContext.RGBA, curContext.UNSIGNED_BYTE, uBuff);
	for (var i = 0, ul = uBuff.length, obj_data = obj.data; i < ul; i++) obj_data[i] = uBuff[(h - 1 - Math.floor(i / 4 / w)) * w * 4 + i % (w * 4)];
	return obj
	};
	p.status = function(text) {
	window.status = text
	};
	p.binary = function(num, numBits) {
	var bit;
	if (numBits > 0) bit = numBits;
	else if (num instanceof Char) {
	bit = 16;
	num \|= 0
	} else {
	bit = 32;
	while (bit > 1 && !(num >>> bit - 1 & 1)) bit--
	}
	var result = "";
	while (bit > 0) result += num >>> --bit & 1 ? "1" : "0";
	return result
	};
	p.unbinary = function(binaryString) {
	var i = binaryString.length - 1,
	mask = 1,
	result = 0;
	while (i >= 0) {
	var ch = binaryString[i--];
	if (ch !== "0" && ch !== "1") throw "the value passed into unbinary was not an 8 bit binary number";
	if (ch === "1") result += mask;
	mask <<= 1
	}
	return result
	};

	function nfCoreScalar(value, plus, minus, leftDigits, rightDigits, group) {
	var sign = value < 0 ? minus : plus;
	var autoDetectDecimals = rightDigits === 0;
	var rightDigitsOfDefault = rightDigits === undef \|\| rightDigits < 0 ? 0 : rightDigits;
	var absValue = Math.abs(value);
	if (autoDetectDecimals) {
	rightDigitsOfDefault = 1;
	absValue *= 10;
	while (Math.abs(Math.round(absValue) - absValue) > 1.0E-6 && rightDigitsOfDefault < 7) {
	++rightDigitsOfDefault;
	absValue *= 10
	}
	} else if (rightDigitsOfDefault !== 0) absValue *= Math.pow(10, rightDigitsOfDefault);
	var number, doubled = absValue * 2;
	if (Math.floor(absValue) === absValue) number = absValue;
	else if (Math.floor(doubled) === doubled) {
	var floored = Math.floor(absValue);
	number = floored + floored % 2
	} else number = Math.round(absValue);
	var buffer = "";
	var totalDigits = leftDigits + rightDigitsOfDefault;
	while (totalDigits > 0 \|\| number > 0) {
	totalDigits--;
	buffer = "" + number % 10 + buffer;
	number = Math.floor(number / 10)
	}
	if (group !== undef) {
	var i = buffer.length - 3 - rightDigitsOfDefault;
	while (i > 0) {
	buffer = buffer.substring(0, i) + group + buffer.substring(i);
	i -= 3
	}
	}
	if (rightDigitsOfDefault > 0) return sign + buffer.substring(0, buffer.length - rightDigitsOfDefault) + "." + buffer.substring(buffer.length - rightDigitsOfDefault, buffer.length);
	return sign + buffer
	}
	function nfCore(value, plus, minus, leftDigits, rightDigits, group) {
	if (value instanceof Array) {
	var arr = [];
	for (var i = 0, len = value.length; i < len; i++) arr.push(nfCoreScalar(value[i], plus, minus, leftDigits, rightDigits, group));
	return arr
	}
	return nfCoreScalar(value, plus, minus, leftDigits, rightDigits, group)
	}
	p.nf = function(value, leftDigits, rightDigits) {
	return nfCore(value, "", "-", leftDigits, rightDigits)
	};
	p.nfs = function(value, leftDigits, rightDigits) {
	return nfCore(value, " ", "-", leftDigits, rightDigits)
	};
	p.nfp = function(value, leftDigits, rightDigits) {
	return nfCore(value, "+", "-", leftDigits, rightDigits)
	};
	p.nfc = function(value, leftDigits, rightDigits) {
	return nfCore(value, "", "-", leftDigits, rightDigits, ",")
	};
	var decimalToHex = function(d, padding) {
	padding = padding === undef \|\| padding === null ? padding = 8 : padding;
	if (d < 0) d = 4294967295 + d + 1;
	var hex = Number(d).toString(16).toUpperCase();
	while (hex.length < padding) hex = "0" + hex;
	if (hex.length >= padding) hex = hex.substring(hex.length - padding, hex.length);
	return hex
	};
	p.hex = function(value, len) {
	if (arguments.length === 1) if (value instanceof Char) len = 4;
	else len = 8;
	return decimalToHex(value, len)
	};

	function unhexScalar(hex) {
	var value = parseInt("0x" + hex, 16);
	if (value > 2147483647) value -= 4294967296;
	return value
	}
	p.unhex = function(hex) {
	if (hex instanceof Array) {
	var arr = [];
	for (var i = 0; i < hex.length; i++) arr.push(unhexScalar(hex[i]));
	return arr
	}
	return unhexScalar(hex)
	};
	p.loadStrings = function(filename) {
	if (localStorage[filename]) return localStorage[filename].split("\n");
	var filecontent = ajax(filename);
	if (typeof filecontent !== "string" \|\| filecontent === "") return [];
	filecontent = filecontent.replace(/(\r\n?)/g, "\n").replace(/\n$/, "");
	return filecontent.split("\n")
	};
	p.saveStrings = function(filename, strings) {
	localStorage[filename] = strings.join("\n")
	};
	p.loadBytes = function(url) {
	var string = ajax(url);
	var ret = [];
	for (var i = 0; i < string.length; i++) ret.push(string.charCodeAt(i));
	return ret
	};

	function removeFirstArgument(args) {
	return Array.prototype.slice.call(args, 1)
	}
	p.matchAll = function(aString, aRegExp) {
	var results = [],
	latest;
	var regexp = new RegExp(aRegExp, "g");
	while ((latest = regexp.exec(aString)) !== null) {
	results.push(latest);
	if (latest[0].length === 0)++regexp.lastIndex
	}
	return results.length > 0 ? results : null
	};
	p.__contains = function(subject, subStr) {
	if (typeof subject !== "string") return subject.contains.apply(subject, removeFirstArgument(arguments));
	return subject !== null && subStr !== null && typeof subStr === "string" && subject.indexOf(subStr) > -1
	};
	p.__replaceAll = function(subject, regex, replacement) {
	if (typeof subject !== "string") return subject.replaceAll.apply(subject, removeFirstArgument(arguments));
	return subject.replace(new RegExp(regex, "g"), replacement)
	};
	p.__replaceFirst = function(subject, regex, replacement) {
	if (typeof subject !== "string") return subject.replaceFirst.apply(subject, removeFirstArgument(arguments));
	return subject.replace(new RegExp(regex, ""), replacement)
	};
	p.__replace = function(subject, what, replacement) {
	if (typeof subject !== "string") return subject.replace.apply(subject, removeFirstArgument(arguments));
	if (what instanceof RegExp) return subject.replace(what, replacement);
	if (typeof what !== "string") what = what.toString();
	if (what === "") return subject;
	var i = subject.indexOf(what);
	if (i < 0) return subject;
	var j = 0,
	result = "";
	do {
	result += subject.substring(j, i) + replacement;
	j = i + what.length
	} while ((i = subject.indexOf(what, j)) >= 0);
	return result + subject.substring(j)
	};
	p.__equals = function(subject, other) {
	if (subject.equals instanceof
	Function) return subject.equals.apply(subject, removeFirstArgument(arguments));
	return subject.valueOf() === other.valueOf()
	};
	p.__equalsIgnoreCase = function(subject, other) {
	if (typeof subject !== "string") return subject.equalsIgnoreCase.apply(subject, removeFirstArgument(arguments));
	return subject.toLowerCase() === other.toLowerCase()
	};
	p.__toCharArray = function(subject) {
	if (typeof subject !== "string") return subject.toCharArray.apply(subject, removeFirstArgument(arguments));
	var chars = [];
	for (var i = 0, len = subject.length; i < len; ++i) chars[i] = new Char(subject.charAt(i));
	return chars
	};
	p.__split = function(subject, regex, limit) {
	if (typeof subject !== "string") return subject.split.apply(subject, removeFirstArgument(arguments));
	var pattern = new RegExp(regex);
	if (limit === undef \|\| limit < 1) return subject.split(pattern);
	var result = [],
	currSubject = subject,
	pos;
	while ((pos = currSubject.search(pattern)) !== -1 && result.length < limit - 1) {
	var match = pattern.exec(currSubject).toString();
	result.push(currSubject.substring(0, pos));
	currSubject = currSubject.substring(pos + match.length)
	}
	if (pos !== -1 \|\| currSubject !== "") result.push(currSubject);
	return result
	};
	p.__codePointAt = function(subject, idx) {
	var code = subject.charCodeAt(idx),
	hi, low;
	if (55296 <= code && code <= 56319) {
	hi = code;
	low = subject.charCodeAt(idx + 1);
	return (hi - 55296) * 1024 + (low - 56320) + 65536
	}
	return code
	};
	p.match = function(str, regexp) {
	return str.match(regexp)
	};
	p.__matches = function(str, regexp) {
	return (new RegExp(regexp)).test(str)
	};
	p.__startsWith = function(subject, prefix, toffset) {
	if (typeof subject !== "string") return subject.startsWith.apply(subject, removeFirstArgument(arguments));
	toffset = toffset \|\| 0;
	if (toffset < 0 \|\| toffset > subject.length) return false;
	return prefix === "" \|\| prefix === subject ? true : subject.indexOf(prefix) === toffset
	};
	p.__endsWith = function(subject, suffix) {
	if (typeof subject !== "string") return subject.endsWith.apply(subject, removeFirstArgument(arguments));
	var suffixLen = suffix ? suffix.length : 0;
	return suffix === "" \|\| suffix === subject ? true : subject.indexOf(suffix) === subject.length - suffixLen
	};
	p.__hashCode = function(subject) {
	if (subject.hashCode instanceof
	Function) return subject.hashCode.apply(subject, removeFirstArgument(arguments));
	return virtHashCode(subject)
	};
	p.__printStackTrace = function(subject) {
	p.println("Exception: " + subject.toString())
	};
	var logBuffer = [];
	p.println = function(message) {
	var bufferLen = logBuffer.length;
	if (bufferLen) {
	Processing.logger.log(logBuffer.join(""));
	logBuffer.length = 0
	}
	if (arguments.length === 0 && bufferLen === 0) Processing.logger.log("");
	else if (arguments.length !== 0) Processing.logger.log(message)
	};
	p.print = function(message) {
	logBuffer.push(message)
	};
	p.str = function(val) {
	if (val instanceof Array) {
	var arr = [];
	for (var i = 0; i < val.length; i++) arr.push(val[i].toString() + "");
	return arr
	}
	return val.toString() + ""
	};
	p.trim = function(str) {
	if (str instanceof Array) {
	var arr = [];
	for (var i = 0; i < str.length; i++) arr.push(str[i].replace(/^\s/, "").replace(/\s$/, "").replace(/\r*$/, ""));
	return arr
	}
	return str.replace(/^\s/, "").replace(/\s$/, "").replace(/\r*$/, "")
	};

	function booleanScalar(val) {
	if (typeof val === "number") return val !== 0;
	if (typeof val === "boolean") return val;
	if (typeof val === "string") return val.toLowerCase() === "true";
	if (val instanceof Char) return val.code === 49 \|\| val.code === 84 \|\| val.code === 116
	}
	p.parseBoolean = function(val) {
	if (val instanceof Array) {
	var ret = [];
	for (var i = 0; i < val.length; i++) ret.push(booleanScalar(val[i]));
	return ret
	}
	return booleanScalar(val)
	};
	p.parseByte = function(what) {
	if (what instanceof Array) {
	var bytes = [];
	for (var i = 0; i < what.length; i++) bytes.push(0 - (what[i] & 128) \| what[i] & 127);
	return bytes
	}
	return 0 - (what & 128) \| what & 127
	};
	p.parseChar = function(key) {
	if (typeof key === "number") return new Char(String.fromCharCode(key & 65535));
	if (key instanceof Array) {
	var ret = [];
	for (var i = 0; i < key.length; i++) ret.push(new Char(String.fromCharCode(key[i] & 65535)));
	return ret
	}
	throw "char() may receive only one argument of type int, byte, int[], or byte[].";
	};

	function floatScalar(val) {
	if (typeof val === "number") return val;
	if (typeof val === "boolean") return val ? 1 : 0;
	if (typeof val === "string") return parseFloat(val);
	if (val instanceof Char) return val.code
	}
	p.parseFloat = function(val) {
	if (val instanceof
	Array) {
	var ret = [];
	for (var i = 0; i < val.length; i++) ret.push(floatScalar(val[i]));
	return ret
	}
	return floatScalar(val)
	};

	function intScalar(val, radix) {
	if (typeof val === "number") return val & 4294967295;
	if (typeof val === "boolean") return val ? 1 : 0;
	if (typeof val === "string") {
	var number = parseInt(val, radix \|\| 10);
	return number & 4294967295
	}
	if (val instanceof Char) return val.code
	}
	p.parseInt = function(val, radix) {
	if (val instanceof Array) {
	var ret = [];
	for (var i = 0; i < val.length; i++) if (typeof val[i] === "string" && !/^\s[+\-]?\d+\s$/.test(val[i])) ret.push(0);
	else ret.push(intScalar(val[i], radix));
	return ret
	}
	return intScalar(val, radix)
	};
	p.__int_cast = function(val) {
	return 0 \| val
	};
	p.__instanceof = function(obj, type) {
	if (typeof type !== "function") throw "Function is expected as type argument for instanceof operator";
	if (typeof obj === "string") return type === Object \|\| type === String;
	if (obj instanceof type) return true;
	if (typeof obj !== "object" \|\| obj === null) return false;
	var objType = obj.constructor;
	if (type.$isInterface) {
	var interfaces = [];
	while (objType) {
	if (objType.$interfaces) interfaces = interfaces.concat(objType.$interfaces);
	objType = objType.$base
	}
	while (interfaces.length > 0) {
	var i = interfaces.shift();
	if (i === type) return true;
	if (i.$interfaces) interfaces = interfaces.concat(i.$interfaces)
	}
	return false
	}
	while (objType.hasOwnProperty("$base")) {
	objType = objType.$base;
	if (objType === type) return true
	}
	return false
	};
	p.abs = Math.abs;
	p.ceil = Math.ceil;
	p.constrain = function(aNumber, aMin, aMax) {
	return aNumber > aMax ? aMax : aNumber < aMin ? aMin : aNumber
	};
	p.dist = function() {
	var dx, dy, dz;
	if (arguments.length === 4) {
	dx = arguments[0] - arguments[2];
	dy = arguments[1] - arguments[3];
	return Math.sqrt(dx * dx + dy * dy)
	}
	if (arguments.length === 6) {
	dx = arguments[0] - arguments[3];
	dy = arguments[1] - arguments[4];
	dz = arguments[2] - arguments[5];
	return Math.sqrt(dx * dx + dy * dy + dz * dz)
	}
	};
	p.exp = Math.exp;
	p.floor = Math.floor;
	p.lerp = function(value1, value2, amt) {
	return (value2 - value1) * amt + value1
	};
	p.log = Math.log;
	p.mag = function(a, b, c) {
	if (c) return Math.sqrt(a * a + b * b + c * c);
	return Math.sqrt(a * a + b * b)
	};
	p.map = function(value, istart, istop, ostart, ostop) {
	return ostart + (ostop - ostart) * ((value - istart) / (istop - istart))
	};
	p.max = function() {
	if (arguments.length === 2) return arguments[0] < arguments[1] ? arguments[1] : arguments[0];
	var numbers = arguments.length === 1 ? arguments[0] : arguments;
	if (! ("length" in numbers && numbers.length > 0)) throw "Non-empty array is expected";
	var max = numbers[0],
	count = numbers.length;
	for (var i = 1; i < count; ++i) if (max < numbers[i]) max = numbers[i];
	return max
	};
	p.min = function() {
	if (arguments.length === 2) return arguments[0] < arguments[1] ? arguments[0] : arguments[1];
	var numbers = arguments.length === 1 ? arguments[0] : arguments;
	if (! ("length" in numbers && numbers.length > 0)) throw "Non-empty array is expected";
	var min = numbers[0],
	count = numbers.length;
	for (var i = 1; i < count; ++i) if (min > numbers[i]) min = numbers[i];
	return min
	};
	p.norm = function(aNumber, low, high) {
	return (aNumber - low) / (high - low)
	};
	p.pow = Math.pow;
	p.round = Math.round;
	p.sq = function(aNumber) {
	return aNumber * aNumber
	};
	p.sqrt = Math.sqrt;
	p.acos = Math.acos;
	p.asin = Math.asin;
	p.atan = Math.atan;
	p.atan2 = Math.atan2;
	p.cos = Math.cos;
	p.degrees = function(aAngle) {
	return aAngle * 180 / Math.PI
	};
	p.radians = function(aAngle) {
	return aAngle / 180 * Math.PI
	};
	p.sin = Math.sin;
	p.tan = Math.tan;
	var currentRandom = Math.random;
	p.random = function() {
	if (arguments.length === 0) return currentRandom();
	if (arguments.length === 1) return currentRandom() * arguments[0];
	var aMin = arguments[0],
	aMax = arguments[1];
	return currentRandom() * (aMax - aMin) + aMin
	};

	function Marsaglia(i1, i2) {
	var z = i1 \|\| 362436069,
	w = i2 \|\| 521288629;
	var nextInt = function() {
	z = 36969 * (z & 65535) + (z >>> 16) & 4294967295;
	w = 18E3 * (w & 65535) + (w >>> 16) & 4294967295;
	return ((z & 65535) << 16 \| w & 65535) & 4294967295
	};
	this.nextDouble = function() {
	var i = nextInt() / 4294967296;
	return i < 0 ? 1 + i : i
	};
	this.nextInt = nextInt
	}
	Marsaglia.createRandomized = function() {
	var now = new Date;
	return new Marsaglia(now / 6E4 & 4294967295, now & 4294967295)
	};
	p.randomSeed = function(seed) {
	currentRandom = (new Marsaglia(seed)).nextDouble
	};
	p.Random = function(seed) {
	var haveNextNextGaussian = false,
	nextNextGaussian, random;
	this.nextGaussian = function() {
	if (haveNextNextGaussian) {
	haveNextNextGaussian = false;
	return nextNextGaussian
	}
	var v1, v2, s;
	do {
	v1 = 2 * random() - 1;
	v2 = 2 * random() - 1;
	s = v1 * v1 + v2 * v2
	} while (s >= 1 \|\| s === 0);
	var multiplier = Math.sqrt(-2 * Math.log(s) / s);
	nextNextGaussian = v2 * multiplier;
	haveNextNextGaussian = true;
	return v1 * multiplier
	};
	random = seed === undef ? Math.random : (new Marsaglia(seed)).nextDouble
	};

	function PerlinNoise(seed) {
	var rnd = seed !== undef ? new Marsaglia(seed) : Marsaglia.createRandomized();
	var i, j;
	var perm = new Uint8Array(512);
	for (i = 0; i < 256; ++i) perm[i] = i;
	for (i = 0; i < 256; ++i) {
	var t = perm[j = rnd.nextInt() & 255];
	perm[j] = perm[i];
	perm[i] = t
	}
	for (i = 0; i < 256; ++i) perm[i + 256] = perm[i];

	function grad3d(i, x, y, z) {
	var h = i & 15;
	var u = h < 8 ? x : y,
	v = h < 4 ? y : h === 12 \|\| h === 14 ? x : z;
	return ((h & 1) === 0 ? u : -u) + ((h & 2) === 0 ? v : -v)
	}
	function grad2d(i, x, y) {
	var v = (i & 1) === 0 ? x : y;
	return (i & 2) === 0 ? -v : v
	}
	function grad1d(i, x) {
	return (i & 1) === 0 ? -x : x
	}
	function lerp(t, a, b) {
	return a + t * (b - a)
	}
	this.noise3d = function(x, y, z) {
	var X = Math.floor(x) & 255,
	Y = Math.floor(y) & 255,
	Z = Math.floor(z) & 255;
	x -= Math.floor(x);
	y -= Math.floor(y);
	z -= Math.floor(z);
	var fx = (3 - 2 * x) * x * x,
	fy = (3 - 2 * y) * y * y,
	fz = (3 - 2 * z) * z * z;
	var p0 = perm[X] + Y,
	p00 = perm[p0] + Z,
	p01 = perm[p0 + 1] + Z,
	p1 = perm[X + 1] + Y,
	p10 = perm[p1] + Z,
	p11 = perm[p1 + 1] + Z;
	return lerp(fz, lerp(fy, lerp(fx, grad3d(perm[p00], x, y, z), grad3d(perm[p10], x - 1, y, z)), lerp(fx, grad3d(perm[p01], x, y - 1, z), grad3d(perm[p11], x - 1, y - 1, z))), lerp(fy, lerp(fx, grad3d(perm[p00 + 1], x, y, z - 1), grad3d(perm[p10 + 1], x - 1, y, z - 1)), lerp(fx, grad3d(perm[p01 + 1], x, y - 1, z - 1), grad3d(perm[p11 + 1], x - 1, y - 1, z - 1))))
	};
	this.noise2d = function(x, y) {
	var X = Math.floor(x) & 255,
	Y = Math.floor(y) & 255;
	x -= Math.floor(x);
	y -= Math.floor(y);
	var fx = (3 - 2 * x) * x * x,
	fy = (3 - 2 * y) * y * y;
	var p0 = perm[X] + Y,
	p1 = perm[X + 1] + Y;
	return lerp(fy, lerp(fx, grad2d(perm[p0], x, y), grad2d(perm[p1], x - 1, y)), lerp(fx, grad2d(perm[p0 + 1], x, y - 1), grad2d(perm[p1 + 1], x - 1, y - 1)))
	};
	this.noise1d = function(x) {
	var X = Math.floor(x) & 255;
	x -= Math.floor(x);
	var fx = (3 - 2 * x) * x * x;
	return lerp(fx, grad1d(perm[X], x), grad1d(perm[X + 1], x - 1))
	}
	}
	var noiseProfile = {
	generator: undef,
	octaves: 4,
	fallout: 0.5,
	seed: undef
	};
	p.noise = function(x, y, z) {
	if (noiseProfile.generator === undef) noiseProfile.generator = new PerlinNoise(noiseProfile.seed);
	var generator = noiseProfile.generator;
	var effect = 1,
	k = 1,
	sum = 0;
	for (var i = 0; i < noiseProfile.octaves; ++i) {
	effect *= noiseProfile.fallout;
	switch (arguments.length) {
	case 1:
	sum += effect * (1 + generator.noise1d(k * x)) / 2;
	break;
	case 2:
	sum += effect * (1 + generator.noise2d(k * x, k * y)) / 2;
	break;
	case 3:
	sum += effect * (1 + generator.noise3d(k * x, k * y, k * z)) / 2;
	break
	}
	k *= 2
	}
	return sum
	};
	p.noiseDetail = function(octaves, fallout) {
	noiseProfile.octaves = octaves;
	if (fallout !== undef) noiseProfile.fallout = fallout
	};
	p.noiseSeed = function(seed) {
	noiseProfile.seed = seed;
	noiseProfile.generator = undef
	};
	DrawingShared.prototype.size = function(aWidth, aHeight, aMode) {
	if (doStroke) p.stroke(0);
	if (doFill) p.fill(255);
	var savedProperties = {
	fillStyle: curContext.fillStyle,
	strokeStyle: curContext.strokeStyle,
	lineCap: curContext.lineCap,
	lineJoin: curContext.lineJoin
	};
	if (curElement.style.length > 0) {
	curElement.style.removeProperty("width");
	curElement.style.removeProperty("height")
	}
	curElement.width = p.width = aWidth \|\| 100;
	curElement.height = p.height = aHeight \|\| 100;
	for (var prop in savedProperties) if (savedProperties.hasOwnProperty(prop)) curContext[prop] = savedProperties[prop];
	p.textFont(curTextFont);
	p.background();
	maxPixelsCached = Math.max(1E3, aWidth * aHeight * 0.05);
	p.externals.context = curContext;
	for (var i = 0; i < 720; i++) {
	sinLUT[i] = p.sin(i * (Math.PI / 180) * 0.5);
	cosLUT[i] = p.cos(i * (Math.PI / 180) * 0.5)
	}
	};
	Drawing2D.prototype.size = function(aWidth, aHeight, aMode) {
	if (curContext === undef) {
	curContext = curElement.getContext("2d");
	userMatrixStack = new PMatrixStack;
	userReverseMatrixStack = new PMatrixStack;
	modelView = new PMatrix2D;
	modelViewInv = new PMatrix2D
	}
	DrawingShared.prototype.size.apply(this, arguments)
	};
	Drawing3D.prototype.size = function() {
	var size3DCalled = false;
	return function size(aWidth, aHeight, aMode) {
	if (size3DCalled) throw "Multiple calls to size() for 3D renders are not allowed.";
	size3DCalled = true;

	function getGLContext(canvas) {
	var ctxNames = ["experimental-webgl", "webgl", "webkit-3d"],
	gl;
	for (var i = 0, l = ctxNames.length; i < l; i++) {
	gl = canvas.getContext(ctxNames[i], {
	antialias: false,
	preserveDrawingBuffer: true
	});
	if (gl) break
	}
	return gl
	}
	try {
	curElement.width = p.width = aWidth \|\| 100;
	curElement.height = p.height = aHeight \|\| 100;
	curContext = getGLContext(curElement);
	canTex = curContext.createTexture();
	textTex = curContext.createTexture()
	} catch(e_size) {
	Processing.debug(e_size)
	}
	if (!curContext) throw "WebGL context is not supported on this browser.";
	curContext.viewport(0, 0, curElement.width, curElement.height);
	curContext.enable(curContext.DEPTH_TEST);
	curContext.enable(curContext.BLEND);
	curContext.blendFunc(curContext.SRC_ALPHA, curContext.ONE_MINUS_SRC_ALPHA);
	programObject2D = createProgramObject(curContext, vertexShaderSrc2D, fragmentShaderSrc2D);
	programObjectUnlitShape = createProgramObject(curContext, vertexShaderSrcUnlitShape, fragmentShaderSrcUnlitShape);
	p.strokeWeight(1);
	programObject3D = createProgramObject(curContext, vertexShaderSrc3D, fragmentShaderSrc3D);
	curContext.useProgram(programObject3D);
	uniformi("usingTexture3d", programObject3D, "usingTexture", usingTexture);
	p.lightFalloff(1, 0, 0);
	p.shininess(1);
	p.ambient(255, 255, 255);
	p.specular(0, 0, 0);
	p.emissive(0, 0, 0);
	boxBuffer = curContext.createBuffer();
	curContext.bindBuffer(curContext.ARRAY_BUFFER, boxBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, boxVerts, curContext.STATIC_DRAW);
	boxNormBuffer = curContext.createBuffer();
	curContext.bindBuffer(curContext.ARRAY_BUFFER, boxNormBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, boxNorms, curContext.STATIC_DRAW);
	boxOutlineBuffer = curContext.createBuffer();
	curContext.bindBuffer(curContext.ARRAY_BUFFER, boxOutlineBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, boxOutlineVerts, curContext.STATIC_DRAW);
	rectBuffer = curContext.createBuffer();
	curContext.bindBuffer(curContext.ARRAY_BUFFER, rectBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, rectVerts, curContext.STATIC_DRAW);
	rectNormBuffer = curContext.createBuffer();
	curContext.bindBuffer(curContext.ARRAY_BUFFER, rectNormBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, rectNorms, curContext.STATIC_DRAW);
	sphereBuffer = curContext.createBuffer();
	lineBuffer = curContext.createBuffer();
	fillBuffer = curContext.createBuffer();
	fillColorBuffer = curContext.createBuffer();
	strokeColorBuffer = curContext.createBuffer();
	shapeTexVBO = curContext.createBuffer();
	pointBuffer = curContext.createBuffer();
	curContext.bindBuffer(curContext.ARRAY_BUFFER, pointBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array([0, 0, 0]), curContext.STATIC_DRAW);
	textBuffer = curContext.createBuffer();
	curContext.bindBuffer(curContext.ARRAY_BUFFER, textBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array([1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0]), curContext.STATIC_DRAW);
	textureBuffer = curContext.createBuffer();
	curContext.bindBuffer(curContext.ARRAY_BUFFER, textureBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]), curContext.STATIC_DRAW);
	indexBuffer = curContext.createBuffer();
	curContext.bindBuffer(curContext.ELEMENT_ARRAY_BUFFER, indexBuffer);
	curContext.bufferData(curContext.ELEMENT_ARRAY_BUFFER, new Uint16Array([0, 1, 2, 2, 3, 0]), curContext.STATIC_DRAW);
	cam = new PMatrix3D;
	cameraInv = new PMatrix3D;
	modelView = new PMatrix3D;
	modelViewInv = new PMatrix3D;
	projection = new PMatrix3D;
	p.camera();
	p.perspective();
	userMatrixStack = new PMatrixStack;
	userReverseMatrixStack = new PMatrixStack;
	curveBasisMatrix = new PMatrix3D;
	curveToBezierMatrix = new PMatrix3D;
	curveDrawMatrix = new PMatrix3D;
	bezierDrawMatrix = new PMatrix3D;
	bezierBasisInverse = new PMatrix3D;
	bezierBasisMatrix = new PMatrix3D;
	bezierBasisMatrix.set(-1, 3, -3, 1, 3, -6, 3, 0, -3, 3, 0, 0, 1, 0, 0, 0);
	DrawingShared.prototype.size.apply(this, arguments)
	}
	}();
	Drawing2D.prototype.ambientLight = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.ambientLight = function(r, g, b, x, y, z) {
	if (lightCount === 8) throw "can only create " + 8 + " lights";
	var pos = new PVector(x, y, z);
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.mult(pos, pos);
	var col = color$4(r, g, b, 0);
	var normalizedCol = [((col >> 16) & 255) / 255, ((col >> 8) & 255) / 255, (col & 255) / 255];
	curContext.useProgram(programObject3D);
	uniformf("uLights.color.3d." + lightCount, programObject3D, "uLights" + lightCount + ".color", normalizedCol);
	uniformf("uLights.position.3d." + lightCount, programObject3D, "uLights" + lightCount + ".position", pos.array());
	uniformi("uLights.type.3d." + lightCount, programObject3D, "uLights" + lightCount + ".type", 0);
	uniformi("uLightCount3d", programObject3D, "uLightCount", ++lightCount)
	};
	Drawing2D.prototype.directionalLight = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.directionalLight = function(r, g, b, nx, ny, nz) {
	if (lightCount === 8) throw "can only create " + 8 + " lights";
	curContext.useProgram(programObject3D);
	var mvm = new PMatrix3D;
	mvm.scale(1, -1, 1);
	mvm.apply(modelView.array());
	mvm = mvm.array();
	var dir = [mvm[0] * nx + mvm[4] * ny + mvm[8] * nz, mvm[1] * nx + mvm[5] * ny + mvm[9] * nz, mvm[2] * nx + mvm[6] * ny + mvm[10] * nz];
	var col = color$4(r, g, b, 0);
	var normalizedCol = [((col >> 16) & 255) / 255, ((col >> 8) & 255) / 255, (col & 255) / 255];
	uniformf("uLights.color.3d." + lightCount, programObject3D, "uLights" + lightCount + ".color", normalizedCol);
	uniformf("uLights.position.3d." + lightCount, programObject3D, "uLights" + lightCount + ".position", dir);
	uniformi("uLights.type.3d." + lightCount, programObject3D, "uLights" + lightCount + ".type", 1);
	uniformi("uLightCount3d", programObject3D, "uLightCount", ++lightCount)
	};
	Drawing2D.prototype.lightFalloff = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.lightFalloff = function(constant, linear, quadratic) {
	curContext.useProgram(programObject3D);
	uniformf("uFalloff3d", programObject3D, "uFalloff", [constant, linear, quadratic])
	};
	Drawing2D.prototype.lightSpecular = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.lightSpecular = function(r, g, b) {
	var col = color$4(r, g, b, 0);
	var normalizedCol = [((col >> 16) & 255) / 255, ((col >> 8) & 255) / 255, (col & 255) / 255];
	curContext.useProgram(programObject3D);
	uniformf("uSpecular3d", programObject3D, "uSpecular", normalizedCol)
	};
	p.lights = function() {
	p.ambientLight(128, 128, 128);
	p.directionalLight(128, 128, 128, 0, 0, -1);
	p.lightFalloff(1, 0, 0);
	p.lightSpecular(0, 0, 0)
	};
	Drawing2D.prototype.pointLight = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.pointLight = function(r, g, b, x, y, z) {
	if (lightCount === 8) throw "can only create " + 8 + " lights";
	var pos = new PVector(x, y, z);
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.mult(pos, pos);
	var col = color$4(r, g, b, 0);
	var normalizedCol = [((col >> 16) & 255) / 255, ((col >> 8) & 255) / 255, (col & 255) / 255];
	curContext.useProgram(programObject3D);
	uniformf("uLights.color.3d." + lightCount, programObject3D, "uLights" + lightCount + ".color", normalizedCol);
	uniformf("uLights.position.3d." + lightCount, programObject3D, "uLights" + lightCount + ".position", pos.array());
	uniformi("uLights.type.3d." + lightCount, programObject3D, "uLights" + lightCount + ".type", 2);
	uniformi("uLightCount3d", programObject3D, "uLightCount", ++lightCount)
	};
	Drawing2D.prototype.noLights = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.noLights = function() {
	lightCount = 0;
	curContext.useProgram(programObject3D);
	uniformi("uLightCount3d", programObject3D, "uLightCount", lightCount)
	};
	Drawing2D.prototype.spotLight = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.spotLight = function(r, g, b, x, y, z, nx, ny, nz, angle, concentration) {
	if (lightCount === 8) throw "can only create " + 8 + " lights";
	curContext.useProgram(programObject3D);
	var pos = new PVector(x, y, z);
	var mvm = new PMatrix3D;
	mvm.scale(1, -1, 1);
	mvm.apply(modelView.array());
	mvm.mult(pos, pos);
	mvm = mvm.array();
	var dir = [mvm[0] * nx + mvm[4] * ny + mvm[8] * nz, mvm[1] *
	nx + mvm[5] * ny + mvm[9] * nz, mvm[2] * nx + mvm[6] * ny + mvm[10] * nz];
	var col = color$4(r, g, b, 0);
	var normalizedCol = [((col >> 16) & 255) / 255, ((col >> 8) & 255) / 255, (col & 255) / 255];
	uniformf("uLights.color.3d." + lightCount, programObject3D, "uLights" + lightCount + ".color", normalizedCol);
	uniformf("uLights.position.3d." + lightCount, programObject3D, "uLights" + lightCount + ".position", pos.array());
	uniformf("uLights.direction.3d." + lightCount, programObject3D, "uLights" + lightCount + ".direction", dir);
	uniformf("uLights.concentration.3d." + lightCount, programObject3D, "uLights" + lightCount + ".concentration", concentration);
	uniformf("uLights.angle.3d." + lightCount, programObject3D, "uLights" + lightCount + ".angle", angle);
	uniformi("uLights.type.3d." + lightCount, programObject3D, "uLights" + lightCount + ".type", 3);
	uniformi("uLightCount3d", programObject3D, "uLightCount", ++lightCount)
	};
	Drawing2D.prototype.beginCamera = function() {
	throw "beginCamera() is not available in 2D mode";
	};
	Drawing3D.prototype.beginCamera = function() {
	if (manipulatingCamera) throw "You cannot call beginCamera() again before calling endCamera()";
	manipulatingCamera = true;
	modelView = cameraInv;
	modelViewInv = cam
	};
	Drawing2D.prototype.endCamera = function() {
	throw "endCamera() is not available in 2D mode";
	};
	Drawing3D.prototype.endCamera = function() {
	if (!manipulatingCamera) throw "You cannot call endCamera() before calling beginCamera()";
	modelView.set(cam);
	modelViewInv.set(cameraInv);
	manipulatingCamera = false
	};
	p.camera = function(eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ) {
	if (eyeX === undef) {
	cameraX = p.width / 2;
	cameraY = p.height / 2;
	cameraZ = cameraY / Math.tan(cameraFOV / 2);
	eyeX = cameraX;
	eyeY = cameraY;
	eyeZ = cameraZ;
	centerX = cameraX;
	centerY = cameraY;
	centerZ = 0;
	upX = 0;
	upY = 1;
	upZ = 0
	}
	var z = new PVector(eyeX - centerX, eyeY - centerY, eyeZ - centerZ);
	var y = new PVector(upX, upY, upZ);
	z.normalize();
	var x = PVector.cross(y, z);
	y = PVector.cross(z, x);
	x.normalize();
	y.normalize();
	var xX = x.x,
	xY = x.y,
	xZ = x.z;
	var yX = y.x,
	yY = y.y,
	yZ = y.z;
	var zX = z.x,
	zY = z.y,
	zZ = z.z;
	cam.set(xX, xY, xZ, 0, yX, yY, yZ, 0, zX, zY, zZ, 0, 0, 0, 0, 1);
	cam.translate(-eyeX, -eyeY, -eyeZ);
	cameraInv.reset();
	cameraInv.invApply(xX, xY, xZ, 0, yX, yY, yZ, 0, zX, zY, zZ, 0, 0, 0, 0, 1);
	cameraInv.translate(eyeX, eyeY, eyeZ);
	modelView.set(cam);
	modelViewInv.set(cameraInv)
	};
	p.perspective = function(fov, aspect, near, far) {
	if (arguments.length === 0) {
	cameraY = curElement.height / 2;
	cameraZ = cameraY / Math.tan(cameraFOV / 2);
	cameraNear = cameraZ / 10;
	cameraFar = cameraZ * 10;
	cameraAspect = p.width / p.height;
	fov = cameraFOV;
	aspect = cameraAspect;
	near = cameraNear;
	far = cameraFar
	}
	var yMax, yMin, xMax, xMin;
	yMax = near * Math.tan(fov / 2);
	yMin = -yMax;
	xMax = yMax * aspect;
	xMin = yMin * aspect;
	p.frustum(xMin, xMax, yMin, yMax, near, far)
	};
	Drawing2D.prototype.frustum = function() {
	throw "Processing.js: frustum() is not supported in 2D mode";
	};
	Drawing3D.prototype.frustum = function(left, right, bottom, top, near, far) {
	frustumMode = true;
	projection = new PMatrix3D;
	projection.set(2 * near / (right - left), 0, (right + left) / (right - left), 0, 0, 2 * near / (top - bottom), (top + bottom) / (top - bottom), 0, 0, 0, -(far + near) / (far - near), -(2 * far * near) / (far - near), 0, 0, -1, 0);
	var proj = new PMatrix3D;
	proj.set(projection);
	proj.transpose();
	curContext.useProgram(programObject2D);
	uniformMatrix("projection2d", programObject2D, "uProjection", false, proj.array());
	curContext.useProgram(programObject3D);
	uniformMatrix("projection3d", programObject3D, "uProjection", false, proj.array());
	curContext.useProgram(programObjectUnlitShape);
	uniformMatrix("uProjectionUS", programObjectUnlitShape, "uProjection", false, proj.array())
	};
	p.ortho = function(left, right, bottom, top, near, far) {
	if (arguments.length === 0) {
	left = 0;
	right = p.width;
	bottom = 0;
	top = p.height;
	near = -10;
	far = 10
	}
	var x = 2 / (right - left);
	var y = 2 / (top - bottom);
	var z = -2 / (far - near);
	var tx = -(right + left) / (right - left);
	var ty = -(top + bottom) / (top - bottom);
	var tz = -(far + near) / (far - near);
	projection = new PMatrix3D;
	projection.set(x, 0, 0, tx, 0, y, 0, ty, 0, 0, z, tz, 0, 0, 0, 1);
	var proj = new PMatrix3D;
	proj.set(projection);
	proj.transpose();
	curContext.useProgram(programObject2D);
	uniformMatrix("projection2d", programObject2D, "uProjection", false, proj.array());
	curContext.useProgram(programObject3D);
	uniformMatrix("projection3d", programObject3D, "uProjection", false, proj.array());
	curContext.useProgram(programObjectUnlitShape);
	uniformMatrix("uProjectionUS", programObjectUnlitShape, "uProjection", false, proj.array());
	frustumMode = false
	};
	p.printProjection = function() {
	projection.print()
	};
	p.printCamera = function() {
	cam.print()
	};
	Drawing2D.prototype.box = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.box = function(w, h, d) {
	if (!h \|\| !d) h = d = w;
	var model = new PMatrix3D;
	model.scale(w, h, d);
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.transpose();
	if (doFill) {
	curContext.useProgram(programObject3D);
	uniformMatrix("model3d", programObject3D, "uModel", false, model.array());
	uniformMatrix("view3d", programObject3D, "uView", false, view.array());
	curContext.enable(curContext.POLYGON_OFFSET_FILL);
	curContext.polygonOffset(1, 1);
	uniformf("color3d", programObject3D, "uColor", fillStyle);
	if (lightCount > 0) {
	var v = new PMatrix3D;
	v.set(view);
	var m = new PMatrix3D;
	m.set(model);
	v.mult(m);
	var normalMatrix = new PMatrix3D;
	normalMatrix.set(v);
	normalMatrix.invert();
	normalMatrix.transpose();
	uniformMatrix("uNormalTransform3d", programObject3D, "uNormalTransform", false, normalMatrix.array());
	vertexAttribPointer("aNormal3d", programObject3D, "aNormal", 3, boxNormBuffer)
	} else disableVertexAttribPointer("aNormal3d", programObject3D, "aNormal");
	vertexAttribPointer("aVertex3d", programObject3D, "aVertex", 3, boxBuffer);
	disableVertexAttribPointer("aColor3d", programObject3D, "aColor");
	disableVertexAttribPointer("aTexture3d", programObject3D, "aTexture");
	curContext.drawArrays(curContext.TRIANGLES, 0, boxVerts.length / 3);
	curContext.disable(curContext.POLYGON_OFFSET_FILL)
	}
	if (lineWidth > 0 && doStroke) {
	curContext.useProgram(programObject2D);
	uniformMatrix("uModel2d", programObject2D, "uModel", false, model.array());
	uniformMatrix("uView2d", programObject2D, "uView", false, view.array());
	uniformf("uColor2d", programObject2D, "uColor", strokeStyle);
	uniformi("uIsDrawingText2d", programObject2D, "uIsDrawingText", false);
	vertexAttribPointer("vertex2d", programObject2D, "aVertex", 3, boxOutlineBuffer);
	disableVertexAttribPointer("aTextureCoord2d", programObject2D, "aTextureCoord");
	curContext.drawArrays(curContext.LINES, 0, boxOutlineVerts.length / 3)
	}
	};
	var initSphere = function() {
	var i;
	sphereVerts = [];
	for (i = 0; i < sphereDetailU; i++) {
	sphereVerts.push(0);
	sphereVerts.push(-1);
	sphereVerts.push(0);
	sphereVerts.push(sphereX[i]);
	sphereVerts.push(sphereY[i]);
	sphereVerts.push(sphereZ[i])
	}
	sphereVerts.push(0);
	sphereVerts.push(-1);
	sphereVerts.push(0);
	sphereVerts.push(sphereX[0]);
	sphereVerts.push(sphereY[0]);
	sphereVerts.push(sphereZ[0]);
	var v1, v11, v2;
	var voff = 0;
	for (i = 2; i < sphereDetailV; i++) {
	v1 = v11 = voff;
	voff += sphereDetailU;
	v2 = voff;
	for (var j = 0; j < sphereDetailU; j++) {
	sphereVerts.push(sphereX[v1]);
	sphereVerts.push(sphereY[v1]);
	sphereVerts.push(sphereZ[v1++]);
	sphereVerts.push(sphereX[v2]);
	sphereVerts.push(sphereY[v2]);
	sphereVerts.push(sphereZ[v2++])
	}
	v1 = v11;
	v2 = voff;
	sphereVerts.push(sphereX[v1]);
	sphereVerts.push(sphereY[v1]);
	sphereVerts.push(sphereZ[v1]);
	sphereVerts.push(sphereX[v2]);
	sphereVerts.push(sphereY[v2]);
	sphereVerts.push(sphereZ[v2])
	}
	for (i = 0; i < sphereDetailU; i++) {
	v2 = voff + i;
	sphereVerts.push(sphereX[v2]);
	sphereVerts.push(sphereY[v2]);
	sphereVerts.push(sphereZ[v2]);
	sphereVerts.push(0);
	sphereVerts.push(1);
	sphereVerts.push(0)
	}
	sphereVerts.push(sphereX[voff]);
	sphereVerts.push(sphereY[voff]);
	sphereVerts.push(sphereZ[voff]);
	sphereVerts.push(0);
	sphereVerts.push(1);
	sphereVerts.push(0);
	curContext.bindBuffer(curContext.ARRAY_BUFFER, sphereBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array(sphereVerts), curContext.STATIC_DRAW)
	};
	p.sphereDetail = function(ures, vres) {
	var i;
	if (arguments.length === 1) ures = vres = arguments[0];
	if (ures < 3) ures = 3;
	if (vres < 2) vres = 2;
	if (ures === sphereDetailU && vres === sphereDetailV) return;
	var delta = 720 / ures;
	var cx = new Float32Array(ures);
	var cz = new Float32Array(ures);
	for (i = 0; i < ures; i++) {
	cx[i] = cosLUT[i * delta % 720 \| 0];
	cz[i] = sinLUT[i * delta % 720 \| 0]
	}
	var vertCount = ures * (vres - 1) + 2;
	var currVert = 0;
	sphereX = new Float32Array(vertCount);
	sphereY = new Float32Array(vertCount);
	sphereZ = new Float32Array(vertCount);
	var angle_step = 720 * 0.5 / vres;
	var angle = angle_step;
	for (i = 1; i < vres; i++) {
	var curradius = sinLUT[angle % 720 \| 0];
	var currY = -cosLUT[angle % 720 \| 0];
	for (var j = 0; j < ures; j++) {
	sphereX[currVert] = cx[j] * curradius;
	sphereY[currVert] = currY;
	sphereZ[currVert++] = cz[j] * curradius
	}
	angle += angle_step
	}
	sphereDetailU = ures;
	sphereDetailV = vres;
	initSphere()
	};
	Drawing2D.prototype.sphere = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.sphere = function() {
	var sRad = arguments[0];
	if (sphereDetailU < 3 \|\| sphereDetailV < 2) p.sphereDetail(30);
	var model = new PMatrix3D;
	model.scale(sRad, sRad, sRad);
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.transpose();
	if (doFill) {
	if (lightCount > 0) {
	var v = new PMatrix3D;
	v.set(view);
	var m = new PMatrix3D;
	m.set(model);
	v.mult(m);
	var normalMatrix = new PMatrix3D;
	normalMatrix.set(v);
	normalMatrix.invert();
	normalMatrix.transpose();
	uniformMatrix("uNormalTransform3d", programObject3D, "uNormalTransform", false, normalMatrix.array());
	vertexAttribPointer("aNormal3d", programObject3D, "aNormal", 3, sphereBuffer)
	} else disableVertexAttribPointer("aNormal3d", programObject3D, "aNormal");
	curContext.useProgram(programObject3D);
	disableVertexAttribPointer("aTexture3d", programObject3D, "aTexture");
	uniformMatrix("uModel3d", programObject3D, "uModel", false, model.array());
	uniformMatrix("uView3d", programObject3D, "uView", false, view.array());
	vertexAttribPointer("aVertex3d", programObject3D, "aVertex", 3, sphereBuffer);
	disableVertexAttribPointer("aColor3d", programObject3D, "aColor");
	curContext.enable(curContext.POLYGON_OFFSET_FILL);
	curContext.polygonOffset(1, 1);
	uniformf("uColor3d", programObject3D, "uColor", fillStyle);
	curContext.drawArrays(curContext.TRIANGLE_STRIP, 0, sphereVerts.length / 3);
	curContext.disable(curContext.POLYGON_OFFSET_FILL)
	}
	if (lineWidth > 0 && doStroke) {
	curContext.useProgram(programObject2D);
	uniformMatrix("uModel2d", programObject2D, "uModel", false, model.array());
	uniformMatrix("uView2d", programObject2D, "uView", false, view.array());
	vertexAttribPointer("aVertex2d", programObject2D, "aVertex", 3, sphereBuffer);
	disableVertexAttribPointer("aTextureCoord2d", programObject2D, "aTextureCoord");
	uniformf("uColor2d", programObject2D, "uColor", strokeStyle);
	uniformi("uIsDrawingText", programObject2D, "uIsDrawingText", false);
	curContext.drawArrays(curContext.LINE_STRIP, 0, sphereVerts.length / 3)
	}
	};
	p.modelX = function(x, y, z) {
	var mv = modelView.array();
	var ci = cameraInv.array();
	var ax = mv[0] * x + mv[1] * y + mv[2] * z + mv[3];
	var ay = mv[4] * x + mv[5] * y + mv[6] * z + mv[7];
	var az = mv[8] * x + mv[9] * y + mv[10] * z + mv[11];
	var aw = mv[12] * x + mv[13] * y + mv[14] * z + mv[15];
	var ox = ci[0] * ax + ci[1] * ay + ci[2] * az + ci[3] * aw;
	var ow = ci[12] * ax + ci[13] * ay + ci[14] * az + ci[15] * aw;
	return ow !== 0 ? ox / ow : ox
	};
	p.modelY = function(x, y, z) {
	var mv = modelView.array();
	var ci = cameraInv.array();
	var ax = mv[0] * x + mv[1] * y + mv[2] * z + mv[3];
	var ay = mv[4] * x + mv[5] * y + mv[6] * z + mv[7];
	var az = mv[8] * x + mv[9] * y + mv[10] * z + mv[11];
	var aw = mv[12] * x + mv[13] * y + mv[14] * z + mv[15];
	var oy = ci[4] * ax + ci[5] * ay + ci[6] * az + ci[7] * aw;
	var ow = ci[12] * ax + ci[13] * ay + ci[14] * az + ci[15] * aw;
	return ow !== 0 ? oy / ow : oy
	};
	p.modelZ = function(x, y, z) {
	var mv = modelView.array();
	var ci = cameraInv.array();
	var ax = mv[0] * x + mv[1] * y + mv[2] * z + mv[3];
	var ay = mv[4] * x + mv[5] * y + mv[6] * z + mv[7];
	var az = mv[8] * x + mv[9] * y + mv[10] * z + mv[11];
	var aw = mv[12] * x + mv[13] * y + mv[14] * z + mv[15];
	var oz = ci[8] * ax + ci[9] * ay + ci[10] * az + ci[11] * aw;
	var ow = ci[12] * ax + ci[13] * ay + ci[14] * az + ci[15] * aw;
	return ow !== 0 ? oz / ow : oz
	};
	Drawing2D.prototype.ambient = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.ambient = function(v1, v2, v3) {
	curContext.useProgram(programObject3D);
	uniformi("uUsingMat3d", programObject3D, "uUsingMat", true);
	var col = p.color(v1, v2, v3);
	uniformf("uMaterialAmbient3d", programObject3D, "uMaterialAmbient", p.color.toGLArray(col).slice(0, 3))
	};
	Drawing2D.prototype.emissive = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.emissive = function(v1, v2, v3) {
	curContext.useProgram(programObject3D);
	uniformi("uUsingMat3d", programObject3D, "uUsingMat", true);
	var col = p.color(v1, v2, v3);
	uniformf("uMaterialEmissive3d", programObject3D, "uMaterialEmissive", p.color.toGLArray(col).slice(0, 3))
	};
	Drawing2D.prototype.shininess = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.shininess = function(shine) {
	curContext.useProgram(programObject3D);
	uniformi("uUsingMat3d", programObject3D, "uUsingMat", true);
	uniformf("uShininess3d", programObject3D, "uShininess", shine)
	};
	Drawing2D.prototype.specular = DrawingShared.prototype.a3DOnlyFunction;
	Drawing3D.prototype.specular = function(v1, v2, v3) {
	curContext.useProgram(programObject3D);
	uniformi("uUsingMat3d", programObject3D, "uUsingMat", true);
	var col = p.color(v1, v2, v3);
	uniformf("uMaterialSpecular3d", programObject3D, "uMaterialSpecular", p.color.toGLArray(col).slice(0, 3))
	};
	p.screenX = function(x, y, z) {
	var mv = modelView.array();
	if (mv.length === 16) {
	var ax = mv[0] * x + mv[1] * y + mv[2] * z + mv[3];
	var ay = mv[4] * x + mv[5] * y + mv[6] * z + mv[7];
	var az = mv[8] * x + mv[9] * y + mv[10] * z + mv[11];
	var aw = mv[12] * x + mv[13] * y + mv[14] * z + mv[15];
	var pj = projection.array();
	var ox = pj[0] * ax + pj[1] * ay + pj[2] * az + pj[3] * aw;
	var ow = pj[12] * ax + pj[13] * ay + pj[14] * az + pj[15] * aw;
	if (ow !== 0) ox /= ow;
	return p.width * (1 + ox) / 2
	}
	return modelView.multX(x, y)
	};
	p.screenY = function screenY(x, y, z) {
	var mv = modelView.array();
	if (mv.length === 16) {
	var ax = mv[0] * x + mv[1] * y + mv[2] * z + mv[3];
	var ay = mv[4] * x + mv[5] * y + mv[6] * z + mv[7];
	var az = mv[8] * x + mv[9] * y + mv[10] * z + mv[11];
	var aw = mv[12] * x + mv[13] * y + mv[14] * z + mv[15];
	var pj = projection.array();
	var oy = pj[4] * ax + pj[5] * ay + pj[6] * az + pj[7] * aw;
	var ow = pj[12] * ax + pj[13] * ay + pj[14] * az + pj[15] * aw;
	if (ow !== 0) oy /= ow;
	return p.height * (1 + oy) / 2
	}
	return modelView.multY(x, y)
	};
	p.screenZ = function screenZ(x, y, z) {
	var mv = modelView.array();
	if (mv.length !== 16) return 0;
	var pj = projection.array();
	var ax = mv[0] * x + mv[1] * y + mv[2] * z + mv[3];
	var ay = mv[4] * x + mv[5] * y + mv[6] * z + mv[7];
	var az = mv[8] * x + mv[9] * y + mv[10] * z + mv[11];
	var aw = mv[12] * x + mv[13] * y + mv[14] * z + mv[15];
	var oz = pj[8] * ax + pj[9] * ay + pj[10] * az + pj[11] * aw;
	var ow = pj[12] * ax + pj[13] * ay + pj[14] * az + pj[15] * aw;
	if (ow !== 0) oz /= ow;
	return (oz + 1) / 2
	};
	DrawingShared.prototype.fill = function() {
	var color = p.color(arguments[0], arguments[1], arguments[2], arguments[3]);
	if (color === currentFillColor && doFill) return;
	doFill = true;
	currentFillColor = color
	};
	Drawing2D.prototype.fill = function() {
	DrawingShared.prototype.fill.apply(this, arguments);
	isFillDirty = true
	};
	Drawing3D.prototype.fill = function() {
	DrawingShared.prototype.fill.apply(this, arguments);
	fillStyle = p.color.toGLArray(currentFillColor)
	};

	function executeContextFill() {
	if (doFill) {
	if (isFillDirty) {
	curContext.fillStyle = p.color.toString(currentFillColor);
	isFillDirty = false
	}
	curContext.fill()
	}
	}
	p.noFill = function() {
	doFill = false
	};
	DrawingShared.prototype.stroke = function() {
	var color = p.color(arguments[0], arguments[1], arguments[2], arguments[3]);
	if (color === currentStrokeColor && doStroke) return;
	doStroke = true;
	currentStrokeColor = color
	};
	Drawing2D.prototype.stroke = function() {
	DrawingShared.prototype.stroke.apply(this, arguments);
	isStrokeDirty = true
	};
	Drawing3D.prototype.stroke = function() {
	DrawingShared.prototype.stroke.apply(this, arguments);
	strokeStyle = p.color.toGLArray(currentStrokeColor)
	};

	function executeContextStroke() {
	if (doStroke) {
	if (isStrokeDirty) {
	curContext.strokeStyle = p.color.toString(currentStrokeColor);
	isStrokeDirty = false
	}
	curContext.stroke()
	}
	}
	p.noStroke = function() {
	doStroke = false
	};
	DrawingShared.prototype.strokeWeight = function(w) {
	lineWidth = w
	};
	Drawing2D.prototype.strokeWeight = function(w) {
	DrawingShared.prototype.strokeWeight.apply(this, arguments);
	curContext.lineWidth = w
	};
	Drawing3D.prototype.strokeWeight = function(w) {
	DrawingShared.prototype.strokeWeight.apply(this, arguments);
	curContext.useProgram(programObject2D);
	uniformf("pointSize2d", programObject2D, "uPointSize", w);
	curContext.useProgram(programObjectUnlitShape);
	uniformf("pointSizeUnlitShape", programObjectUnlitShape, "uPointSize", w);
	curContext.lineWidth(w)
	};
	p.strokeCap = function(value) {
	drawing.$ensureContext().lineCap = value
	};
	p.strokeJoin = function(value) {
	drawing.$ensureContext().lineJoin = value
	};
	Drawing2D.prototype.smooth = function() {
	renderSmooth = true;
	var style = curElement.style;
	style.setProperty("image-rendering", "optimizeQuality", "important");
	style.setProperty("-ms-interpolation-mode", "bicubic", "important");
	if (curContext.hasOwnProperty("mozImageSmoothingEnabled")) curContext.mozImageSmoothingEnabled = true
	};
	Drawing3D.prototype.smooth = function() {
	renderSmooth = true
	};
	Drawing2D.prototype.noSmooth = function() {
	renderSmooth = false;
	var style = curElement.style;
	style.setProperty("image-rendering", "optimizeSpeed", "important");
	style.setProperty("image-rendering", "-moz-crisp-edges", "important");
	style.setProperty("image-rendering", "-webkit-optimize-contrast", "important");
	style.setProperty("image-rendering", "optimize-contrast", "important");
	style.setProperty("-ms-interpolation-mode", "nearest-neighbor", "important");
	if (curContext.hasOwnProperty("mozImageSmoothingEnabled")) curContext.mozImageSmoothingEnabled = false
	};
	Drawing3D.prototype.noSmooth = function() {
	renderSmooth = false
	};
	Drawing2D.prototype.point = function(x, y) {
	if (!doStroke) return;
	x = Math.round(x);
	y = Math.round(y);
	curContext.fillStyle = p.color.toString(currentStrokeColor);
	isFillDirty = true;
	if (lineWidth > 1) {
	curContext.beginPath();
	curContext.arc(x, y, lineWidth / 2, 0, 6.283185307179586, false);
	curContext.fill()
	} else curContext.fillRect(x, y, 1, 1)
	};
	Drawing3D.prototype.point = function(x, y, z) {
	var model = new PMatrix3D;
	model.translate(x, y, z \|\| 0);
	model.transpose();
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.transpose();
	curContext.useProgram(programObject2D);
	uniformMatrix("uModel2d", programObject2D, "uModel", false, model.array());
	uniformMatrix("uView2d", programObject2D, "uView", false, view.array());
	if (lineWidth > 0 && doStroke) {
	uniformf("uColor2d", programObject2D, "uColor", strokeStyle);
	uniformi("uIsDrawingText2d", programObject2D, "uIsDrawingText", false);
	uniformi("uSmooth2d", programObject2D, "uSmooth", renderSmooth);
	vertexAttribPointer("aVertex2d", programObject2D, "aVertex", 3, pointBuffer);
	disableVertexAttribPointer("aTextureCoord2d", programObject2D, "aTextureCoord");
	curContext.drawArrays(curContext.POINTS, 0, 1)
	}
	};
	p.beginShape = function(type) {
	curShape = type;
	curvePoints = [];
	vertArray = []
	};
	Drawing2D.prototype.vertex = function(x, y, moveTo) {
	var vert = [];
	if (firstVert) firstVert = false;
	vert["isVert"] = true;
	vert[0] = x;
	vert[1] = y;
	vert[2] = 0;
	vert[3] = 0;
	vert[4] = 0;
	vert[5] = currentFillColor;
	vert[6] = currentStrokeColor;
	vertArray.push(vert);
	if (moveTo) vertArray[vertArray.length - 1]["moveTo"] = moveTo
	};
	Drawing3D.prototype.vertex = function(x, y, z, u, v) {
	var vert = [];
	if (firstVert) firstVert = false;
	vert["isVert"] = true;
	if (v === undef && usingTexture) {
	v = u;
	u = z;
	z = 0
	}
	if (u !== undef && v !== undef) {
	if (curTextureMode === 2) {
	u /= curTexture.width;
	v /= curTexture.height
	}
	u = u > 1 ? 1 : u;
	u = u < 0 ? 0 : u;
	v = v > 1 ? 1 : v;
	v = v < 0 ? 0 : v
	}
	vert[0] = x;
	vert[1] = y;
	vert[2] = z \|\| 0;
	vert[3] = u \|\| 0;
	vert[4] = v \|\| 0;
	vert[5] = fillStyle[0];
	vert[6] = fillStyle[1];
	vert[7] = fillStyle[2];
	vert[8] = fillStyle[3];
	vert[9] = strokeStyle[0];
	vert[10] = strokeStyle[1];
	vert[11] = strokeStyle[2];
	vert[12] = strokeStyle[3];
	vert[13] = normalX;
	vert[14] = normalY;
	vert[15] = normalZ;
	vertArray.push(vert)
	};
	var point3D = function(vArray, cArray) {
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.transpose();
	curContext.useProgram(programObjectUnlitShape);
	uniformMatrix("uViewUS", programObjectUnlitShape, "uView", false, view.array());
	uniformi("uSmoothUS", programObjectUnlitShape, "uSmooth", renderSmooth);
	vertexAttribPointer("aVertexUS", programObjectUnlitShape, "aVertex", 3, pointBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array(vArray), curContext.STREAM_DRAW);
	vertexAttribPointer("aColorUS", programObjectUnlitShape, "aColor", 4, fillColorBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array(cArray), curContext.STREAM_DRAW);
	curContext.drawArrays(curContext.POINTS, 0, vArray.length / 3)
	};
	var line3D = function(vArray, mode, cArray) {
	var ctxMode;
	if (mode === "LINES") ctxMode = curContext.LINES;
	else if (mode === "LINE_LOOP") ctxMode = curContext.LINE_LOOP;
	else ctxMode = curContext.LINE_STRIP;
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.transpose();
	curContext.useProgram(programObjectUnlitShape);
	uniformMatrix("uViewUS", programObjectUnlitShape, "uView", false, view.array());
	vertexAttribPointer("aVertexUS", programObjectUnlitShape, "aVertex", 3, lineBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array(vArray), curContext.STREAM_DRAW);
	vertexAttribPointer("aColorUS", programObjectUnlitShape, "aColor", 4, strokeColorBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array(cArray), curContext.STREAM_DRAW);
	curContext.drawArrays(ctxMode, 0, vArray.length / 3)
	};
	var fill3D = function(vArray, mode, cArray, tArray) {
	var ctxMode;
	if (mode === "TRIANGLES") ctxMode = curContext.TRIANGLES;
	else if (mode === "TRIANGLE_FAN") ctxMode = curContext.TRIANGLE_FAN;
	else ctxMode = curContext.TRIANGLE_STRIP;
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.transpose();
	curContext.useProgram(programObject3D);
	uniformMatrix("model3d", programObject3D, "uModel", false, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
	uniformMatrix("view3d", programObject3D, "uView", false, view.array());
	curContext.enable(curContext.POLYGON_OFFSET_FILL);
	curContext.polygonOffset(1, 1);
	uniformf("color3d", programObject3D, "uColor", [-1, 0, 0, 0]);
	vertexAttribPointer("vertex3d", programObject3D, "aVertex", 3, fillBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array(vArray), curContext.STREAM_DRAW);
	if (usingTexture && curTint !== null) curTint3d(cArray);
	vertexAttribPointer("aColor3d", programObject3D, "aColor", 4, fillColorBuffer);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array(cArray), curContext.STREAM_DRAW);
	disableVertexAttribPointer("aNormal3d", programObject3D, "aNormal");
	if (usingTexture) {
	uniformi("uUsingTexture3d", programObject3D, "uUsingTexture", usingTexture);
	vertexAttribPointer("aTexture3d", programObject3D, "aTexture", 2, shapeTexVBO);
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array(tArray), curContext.STREAM_DRAW)
	}
	curContext.drawArrays(ctxMode, 0, vArray.length / 3);
	curContext.disable(curContext.POLYGON_OFFSET_FILL)
	};

	function fillStrokeClose() {
	executeContextFill();
	executeContextStroke();
	curContext.closePath()
	}
	Drawing2D.prototype.endShape = function(mode) {
	if (vertArray.length === 0) return;
	var closeShape = mode === 2;
	if (closeShape) vertArray.push(vertArray[0]);
	var lineVertArray = [];
	var fillVertArray = [];
	var colorVertArray = [];
	var strokeVertArray = [];
	var texVertArray = [];
	var cachedVertArray;
	firstVert = true;
	var i, j, k;
	var vertArrayLength = vertArray.length;
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 0; j < 3; j++) fillVertArray.push(cachedVertArray[j])
	}
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 5; j < 9; j++) colorVertArray.push(cachedVertArray[j])
	}
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 9; j < 13; j++) strokeVertArray.push(cachedVertArray[j])
	}
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	texVertArray.push(cachedVertArray[3]);
	texVertArray.push(cachedVertArray[4])
	}
	if (isCurve && (curShape === 20 \|\| curShape === undef)) {
	if (vertArrayLength > 3) {
	var b = [],
	s = 1 - curTightness;
	curContext.beginPath();
	curContext.moveTo(vertArray[1][0], vertArray[1][1]);
	for (i = 1; i + 2 < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	b[0] = [cachedVertArray[0], cachedVertArray[1]];
	b[1] = [cachedVertArray[0] + (s * vertArray[i + 1][0] - s * vertArray[i - 1][0]) / 6, cachedVertArray[1] + (s * vertArray[i + 1][1] - s * vertArray[i - 1][1]) / 6];
	b[2] = [vertArray[i + 1][0] + (s * vertArray[i][0] - s * vertArray[i + 2][0]) / 6, vertArray[i + 1][1] + (s * vertArray[i][1] - s * vertArray[i + 2][1]) / 6];
	b[3] = [vertArray[i + 1][0], vertArray[i + 1][1]];
	curContext.bezierCurveTo(b[1][0], b[1][1], b[2][0], b[2][1], b[3][0], b[3][1])
	}
	fillStrokeClose()
	}
	} else if (isBezier && (curShape === 20 \|\| curShape === undef)) {
	curContext.beginPath();
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	if (vertArray[i]["isVert"]) if (vertArray[i]["moveTo"]) curContext.moveTo(cachedVertArray[0], cachedVertArray[1]);
	else curContext.lineTo(cachedVertArray[0], cachedVertArray[1]);
	else curContext.bezierCurveTo(vertArray[i][0], vertArray[i][1], vertArray[i][2], vertArray[i][3], vertArray[i][4], vertArray[i][5])
	}
	fillStrokeClose()
	} else if (curShape === 2) for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	if (doStroke) p.stroke(cachedVertArray[6]);
	p.point(cachedVertArray[0], cachedVertArray[1])
	} else if (curShape === 4) for (i = 0; i + 1 < vertArrayLength; i += 2) {
	cachedVertArray = vertArray[i];
	if (doStroke) p.stroke(vertArray[i + 1][6]);
	p.line(cachedVertArray[0], cachedVertArray[1], vertArray[i + 1][0], vertArray[i + 1][1])
	} else if (curShape === 9) for (i = 0; i + 2 < vertArrayLength; i += 3) {
	cachedVertArray = vertArray[i];
	curContext.beginPath();
	curContext.moveTo(cachedVertArray[0], cachedVertArray[1]);
	curContext.lineTo(vertArray[i + 1][0], vertArray[i + 1][1]);
	curContext.lineTo(vertArray[i + 2][0], vertArray[i + 2][1]);
	curContext.lineTo(cachedVertArray[0], cachedVertArray[1]);
	if (doFill) {
	p.fill(vertArray[i + 2][5]);
	executeContextFill()
	}
	if (doStroke) {
	p.stroke(vertArray[i + 2][6]);
	executeContextStroke()
	}
	curContext.closePath()
	} else if (curShape === 10) for (i = 0; i + 1 < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	curContext.beginPath();
	curContext.moveTo(vertArray[i + 1][0], vertArray[i + 1][1]);
	curContext.lineTo(cachedVertArray[0], cachedVertArray[1]);
	if (doStroke) p.stroke(vertArray[i + 1][6]);
	if (doFill) p.fill(vertArray[i + 1][5]);
	if (i + 2 < vertArrayLength) {
	curContext.lineTo(vertArray[i + 2][0], vertArray[i + 2][1]);
	if (doStroke) p.stroke(vertArray[i + 2][6]);
	if (doFill) p.fill(vertArray[i + 2][5])
	}
	fillStrokeClose()
	} else if (curShape === 11) {
	if (vertArrayLength > 2) {
	curContext.beginPath();
	curContext.moveTo(vertArray[0][0], vertArray[0][1]);
	curContext.lineTo(vertArray[1][0], vertArray[1][1]);
	curContext.lineTo(vertArray[2][0], vertArray[2][1]);
	if (doFill) {
	p.fill(vertArray[2][5]);
	executeContextFill()
	}
	if (doStroke) {
	p.stroke(vertArray[2][6]);
	executeContextStroke()
	}
	curContext.closePath();
	for (i = 3; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	curContext.beginPath();
	curContext.moveTo(vertArray[0][0], vertArray[0][1]);
	curContext.lineTo(vertArray[i - 1][0], vertArray[i - 1][1]);
	curContext.lineTo(cachedVertArray[0], cachedVertArray[1]);
	if (doFill) {
	p.fill(cachedVertArray[5]);
	executeContextFill()
	}
	if (doStroke) {
	p.stroke(cachedVertArray[6]);
	executeContextStroke()
	}
	curContext.closePath()
	}
	}
	} else if (curShape === 16) for (i = 0; i + 3 < vertArrayLength; i += 4) {
	cachedVertArray = vertArray[i];
	curContext.beginPath();
	curContext.moveTo(cachedVertArray[0], cachedVertArray[1]);
	for (j = 1; j < 4; j++) curContext.lineTo(vertArray[i + j][0], vertArray[i + j][1]);
	curContext.lineTo(cachedVertArray[0], cachedVertArray[1]);
	if (doFill) {
	p.fill(vertArray[i + 3][5]);
	executeContextFill()
	}
	if (doStroke) {
	p.stroke(vertArray[i + 3][6]);
	executeContextStroke()
	}
	curContext.closePath()
	} else if (curShape === 17) {
	if (vertArrayLength > 3) for (i = 0; i + 1 < vertArrayLength; i += 2) {
	cachedVertArray = vertArray[i];
	curContext.beginPath();
	if (i + 3 < vertArrayLength) {
	curContext.moveTo(vertArray[i + 2][0], vertArray[i + 2][1]);
	curContext.lineTo(cachedVertArray[0], cachedVertArray[1]);
	curContext.lineTo(vertArray[i + 1][0], vertArray[i + 1][1]);
	curContext.lineTo(vertArray[i + 3][0], vertArray[i + 3][1]);
	if (doFill) p.fill(vertArray[i + 3][5]);
	if (doStroke) p.stroke(vertArray[i + 3][6])
	} else {
	curContext.moveTo(cachedVertArray[0], cachedVertArray[1]);
	curContext.lineTo(vertArray[i + 1][0], vertArray[i + 1][1])
	}
	fillStrokeClose()
	}
	} else {
	curContext.beginPath();
	curContext.moveTo(vertArray[0][0], vertArray[0][1]);
	for (i = 1; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	if (cachedVertArray["isVert"]) if (cachedVertArray["moveTo"]) curContext.moveTo(cachedVertArray[0], cachedVertArray[1]);
	else curContext.lineTo(cachedVertArray[0], cachedVertArray[1])
	}
	fillStrokeClose()
	}
	isCurve = false;
	isBezier = false;
	curveVertArray = [];
	curveVertCount = 0;
	if (closeShape) vertArray.pop()
	};
	Drawing3D.prototype.endShape = function(mode) {
	if (vertArray.length === 0) return;
	var closeShape = mode === 2;
	var lineVertArray = [];
	var fillVertArray = [];
	var colorVertArray = [];
	var strokeVertArray = [];
	var texVertArray = [];
	var cachedVertArray;
	firstVert = true;
	var i, j, k;
	var vertArrayLength = vertArray.length;
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 0; j < 3; j++) fillVertArray.push(cachedVertArray[j])
	}
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 5; j < 9; j++) colorVertArray.push(cachedVertArray[j])
	}
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 9; j < 13; j++) strokeVertArray.push(cachedVertArray[j])
	}
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	texVertArray.push(cachedVertArray[3]);
	texVertArray.push(cachedVertArray[4])
	}
	if (closeShape) {
	fillVertArray.push(vertArray[0][0]);
	fillVertArray.push(vertArray[0][1]);
	fillVertArray.push(vertArray[0][2]);
	for (i = 5; i < 9; i++) colorVertArray.push(vertArray[0][i]);
	for (i = 9; i < 13; i++) strokeVertArray.push(vertArray[0][i]);
	texVertArray.push(vertArray[0][3]);
	texVertArray.push(vertArray[0][4])
	}
	if (isCurve && (curShape === 20 \|\| curShape === undef)) {
	lineVertArray = fillVertArray;
	if (doStroke) line3D(lineVertArray, null, strokeVertArray);
	if (doFill) fill3D(fillVertArray, null, colorVertArray)
	} else if (isBezier && (curShape === 20 \|\| curShape === undef)) {
	lineVertArray = fillVertArray;
	lineVertArray.splice(lineVertArray.length - 3);
	strokeVertArray.splice(strokeVertArray.length - 4);
	if (doStroke) line3D(lineVertArray, null, strokeVertArray);
	if (doFill) fill3D(fillVertArray, "TRIANGLES", colorVertArray)
	} else {
	if (curShape === 2) {
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 0; j < 3; j++) lineVertArray.push(cachedVertArray[j])
	}
	point3D(lineVertArray, strokeVertArray)
	} else if (curShape === 4) {
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 0; j < 3; j++) lineVertArray.push(cachedVertArray[j])
	}
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 5; j < 9; j++) colorVertArray.push(cachedVertArray[j])
	}
	line3D(lineVertArray, "LINES", strokeVertArray)
	} else if (curShape === 9) {
	if (vertArrayLength > 2) for (i = 0; i + 2 < vertArrayLength; i += 3) {
	fillVertArray = [];
	texVertArray = [];
	lineVertArray = [];
	colorVertArray = [];
	strokeVertArray = [];
	for (j = 0; j < 3; j++) for (k = 0; k < 3; k++) {
	lineVertArray.push(vertArray[i + j][k]);
	fillVertArray.push(vertArray[i + j][k])
	}
	for (j = 0; j < 3; j++) for (k = 3; k < 5; k++) texVertArray.push(vertArray[i + j][k]);
	for (j = 0; j < 3; j++) for (k = 5; k < 9; k++) {
	colorVertArray.push(vertArray[i + j][k]);
	strokeVertArray.push(vertArray[i + j][k + 4])
	}
	if (doStroke) line3D(lineVertArray, "LINE_LOOP", strokeVertArray);
	if (doFill \|\| usingTexture) fill3D(fillVertArray, "TRIANGLES", colorVertArray, texVertArray)
	}
	} else if (curShape === 10) {
	if (vertArrayLength > 2) for (i = 0; i + 2 < vertArrayLength; i++) {
	lineVertArray = [];
	fillVertArray = [];
	strokeVertArray = [];
	colorVertArray = [];
	texVertArray = [];
	for (j = 0; j < 3; j++) for (k = 0; k < 3; k++) {
	lineVertArray.push(vertArray[i + j][k]);
	fillVertArray.push(vertArray[i + j][k])
	}
	for (j = 0; j < 3; j++) for (k = 3; k < 5; k++) texVertArray.push(vertArray[i + j][k]);
	for (j = 0; j < 3; j++) for (k = 5; k < 9; k++) {
	strokeVertArray.push(vertArray[i + j][k + 4]);
	colorVertArray.push(vertArray[i + j][k])
	}
	if (doFill \|\| usingTexture) fill3D(fillVertArray, "TRIANGLE_STRIP", colorVertArray, texVertArray);
	if (doStroke) line3D(lineVertArray, "LINE_LOOP", strokeVertArray)
	}
	} else if (curShape === 11) {
	if (vertArrayLength > 2) {
	for (i = 0; i < 3; i++) {
	cachedVertArray = vertArray[i];
	for (j = 0; j < 3; j++) lineVertArray.push(cachedVertArray[j])
	}
	for (i = 0; i < 3; i++) {
	cachedVertArray = vertArray[i];
	for (j = 9; j < 13; j++) strokeVertArray.push(cachedVertArray[j])
	}
	if (doStroke) line3D(lineVertArray, "LINE_LOOP", strokeVertArray);
	for (i = 2; i + 1 < vertArrayLength; i++) {
	lineVertArray = [];
	strokeVertArray = [];
	lineVertArray.push(vertArray[0][0]);
	lineVertArray.push(vertArray[0][1]);
	lineVertArray.push(vertArray[0][2]);
	strokeVertArray.push(vertArray[0][9]);
	strokeVertArray.push(vertArray[0][10]);
	strokeVertArray.push(vertArray[0][11]);
	strokeVertArray.push(vertArray[0][12]);
	for (j = 0; j < 2; j++) for (k = 0; k < 3; k++) lineVertArray.push(vertArray[i + j][k]);
	for (j = 0; j < 2; j++) for (k = 9; k < 13; k++) strokeVertArray.push(vertArray[i + j][k]);
	if (doStroke) line3D(lineVertArray, "LINE_STRIP", strokeVertArray)
	}
	if (doFill \|\| usingTexture) fill3D(fillVertArray, "TRIANGLE_FAN", colorVertArray, texVertArray)
	}
	} else if (curShape === 16) for (i = 0; i + 3 < vertArrayLength; i += 4) {
	lineVertArray = [];
	for (j = 0; j < 4; j++) {
	cachedVertArray = vertArray[i + j];
	for (k = 0; k < 3; k++) lineVertArray.push(cachedVertArray[k])
	}
	if (doStroke) line3D(lineVertArray, "LINE_LOOP", strokeVertArray);
	if (doFill) {
	fillVertArray = [];
	colorVertArray = [];
	texVertArray = [];
	for (j = 0; j < 3; j++) fillVertArray.push(vertArray[i][j]);
	for (j = 5; j < 9; j++) colorVertArray.push(vertArray[i][j]);
	for (j = 0; j < 3; j++) fillVertArray.push(vertArray[i + 1][j]);
	for (j = 5; j < 9; j++) colorVertArray.push(vertArray[i + 1][j]);
	for (j = 0; j < 3; j++) fillVertArray.push(vertArray[i + 3][j]);
	for (j = 5; j < 9; j++) colorVertArray.push(vertArray[i + 3][j]);
	for (j = 0; j < 3; j++) fillVertArray.push(vertArray[i + 2][j]);
	for (j = 5; j < 9; j++) colorVertArray.push(vertArray[i + 2][j]);
	if (usingTexture) {
	texVertArray.push(vertArray[i + 0][3]);
	texVertArray.push(vertArray[i + 0][4]);
	texVertArray.push(vertArray[i + 1][3]);
	texVertArray.push(vertArray[i + 1][4]);
	texVertArray.push(vertArray[i + 3][3]);
	texVertArray.push(vertArray[i + 3][4]);
	texVertArray.push(vertArray[i + 2][3]);
	texVertArray.push(vertArray[i + 2][4])
	}
	fill3D(fillVertArray, "TRIANGLE_STRIP", colorVertArray, texVertArray)
	}
	} else if (curShape === 17) {
	var tempArray = [];
	if (vertArrayLength > 3) {
	for (i = 0; i < 2; i++) {
	cachedVertArray = vertArray[i];
	for (j = 0; j < 3; j++) lineVertArray.push(cachedVertArray[j])
	}
	for (i = 0; i < 2; i++) {
	cachedVertArray = vertArray[i];
	for (j = 9; j < 13; j++) strokeVertArray.push(cachedVertArray[j])
	}
	line3D(lineVertArray, "LINE_STRIP", strokeVertArray);
	if (vertArrayLength > 4 && vertArrayLength % 2 > 0) {
	tempArray = fillVertArray.splice(fillVertArray.length - 3);
	vertArray.pop()
	}
	for (i = 0; i + 3 < vertArrayLength; i += 2) {
	lineVertArray = [];
	strokeVertArray = [];
	for (j = 0; j < 3; j++) lineVertArray.push(vertArray[i + 1][j]);
	for (j = 0; j < 3; j++) lineVertArray.push(vertArray[i + 3][j]);
	for (j = 0; j < 3; j++) lineVertArray.push(vertArray[i + 2][j]);
	for (j = 0; j < 3; j++) lineVertArray.push(vertArray[i + 0][j]);
	for (j = 9; j < 13; j++) strokeVertArray.push(vertArray[i + 1][j]);
	for (j = 9; j < 13; j++) strokeVertArray.push(vertArray[i + 3][j]);
	for (j = 9; j < 13; j++) strokeVertArray.push(vertArray[i + 2][j]);
	for (j = 9; j < 13; j++) strokeVertArray.push(vertArray[i + 0][j]);
	if (doStroke) line3D(lineVertArray, "LINE_STRIP", strokeVertArray)
	}
	if (doFill \|\| usingTexture) fill3D(fillVertArray, "TRIANGLE_LIST", colorVertArray, texVertArray)
	}
	} else if (vertArrayLength === 1) {
	for (j = 0; j < 3; j++) lineVertArray.push(vertArray[0][j]);
	for (j = 9; j < 13; j++) strokeVertArray.push(vertArray[0][j]);
	point3D(lineVertArray, strokeVertArray)
	} else {
	for (i = 0; i < vertArrayLength; i++) {
	cachedVertArray = vertArray[i];
	for (j = 0; j < 3; j++) lineVertArray.push(cachedVertArray[j]);
	for (j = 5; j < 9; j++) strokeVertArray.push(cachedVertArray[j])
	}
	if (doStroke && closeShape) line3D(lineVertArray, "LINE_LOOP", strokeVertArray);
	else if (doStroke && !closeShape) line3D(lineVertArray, "LINE_STRIP", strokeVertArray);
	if (doFill \|\| usingTexture) fill3D(fillVertArray, "TRIANGLE_FAN", colorVertArray, texVertArray)
	}
	usingTexture = false;
	curContext.useProgram(programObject3D);
	uniformi("usingTexture3d", programObject3D, "uUsingTexture", usingTexture)
	}
	isCurve = false;
	isBezier = false;
	curveVertArray = [];
	curveVertCount = 0
	};
	var splineForward = function(segments, matrix) {
	var f = 1 / segments;
	var ff = f * f;
	var fff = ff * f;
	matrix.set(0, 0, 0, 1, fff, ff, f, 0, 6 * fff, 2 * ff, 0, 0, 6 * fff, 0, 0, 0)
	};
	var curveInit = function() {
	if (!curveDrawMatrix) {
	curveBasisMatrix = new PMatrix3D;
	curveDrawMatrix = new PMatrix3D;
	curveInited = true
	}
	var s = curTightness;
	curveBasisMatrix.set((s - 1) / 2, (s + 3) / 2, (-3 - s) / 2, (1 - s) / 2, 1 - s, (-5 - s) / 2, s + 2, (s - 1) / 2, (s - 1) / 2, 0, (1 - s) / 2, 0, 0, 1, 0, 0);
	splineForward(curveDet, curveDrawMatrix);
	if (!bezierBasisInverse) curveToBezierMatrix = new PMatrix3D;
	curveToBezierMatrix.set(curveBasisMatrix);
	curveToBezierMatrix.preApply(bezierBasisInverse);
	curveDrawMatrix.apply(curveBasisMatrix)
	};
	Drawing2D.prototype.bezierVertex = function() {
	isBezier = true;
	var vert = [];
	if (firstVert) throw "vertex() must be used at least once before calling bezierVertex()";
	for (var i = 0; i < arguments.length; i++) vert[i] = arguments[i];
	vertArray.push(vert);
	vertArray[vertArray.length - 1]["isVert"] = false
	};
	Drawing3D.prototype.bezierVertex = function() {
	isBezier = true;
	var vert = [];
	if (firstVert) throw "vertex() must be used at least once before calling bezierVertex()";
	if (arguments.length === 9) {
	if (bezierDrawMatrix === undef) bezierDrawMatrix = new PMatrix3D;
	var lastPoint = vertArray.length - 1;
	splineForward(bezDetail, bezierDrawMatrix);
	bezierDrawMatrix.apply(bezierBasisMatrix);
	var draw = bezierDrawMatrix.array();
	var x1 = vertArray[lastPoint][0],
	y1 = vertArray[lastPoint][1],
	z1 = vertArray[lastPoint][2];
	var xplot1 = draw[4] * x1 + draw[5] * arguments[0] + draw[6] * arguments[3] + draw[7] * arguments[6];
	var xplot2 = draw[8] * x1 + draw[9] * arguments[0] + draw[10] * arguments[3] + draw[11] * arguments[6];
	var xplot3 = draw[12] * x1 + draw[13] * arguments[0] + draw[14] * arguments[3] + draw[15] * arguments[6];
	var yplot1 = draw[4] * y1 + draw[5] * arguments[1] + draw[6] * arguments[4] + draw[7] * arguments[7];
	var yplot2 = draw[8] * y1 + draw[9] * arguments[1] + draw[10] * arguments[4] + draw[11] * arguments[7];
	var yplot3 = draw[12] * y1 + draw[13] * arguments[1] + draw[14] * arguments[4] + draw[15] * arguments[7];
	var zplot1 = draw[4] * z1 + draw[5] * arguments[2] + draw[6] * arguments[5] + draw[7] * arguments[8];
	var zplot2 = draw[8] * z1 + draw[9] * arguments[2] + draw[10] * arguments[5] + draw[11] * arguments[8];
	var zplot3 = draw[12] * z1 + draw[13] * arguments[2] + draw[14] * arguments[5] + draw[15] * arguments[8];
	for (var j = 0; j < bezDetail; j++) {
	x1 += xplot1;
	xplot1 += xplot2;
	xplot2 += xplot3;
	y1 += yplot1;
	yplot1 += yplot2;
	yplot2 += yplot3;
	z1 += zplot1;
	zplot1 += zplot2;
	zplot2 += zplot3;
	p.vertex(x1, y1, z1)
	}
	p.vertex(arguments[6], arguments[7], arguments[8])
	}
	};
	p.texture = function(pimage) {
	var curContext = drawing.$ensureContext();
	if (pimage.__texture) curContext.bindTexture(curContext.TEXTURE_2D, pimage.__texture);
	else if (pimage.localName === "canvas") {
	curContext.bindTexture(curContext.TEXTURE_2D, canTex);
	curContext.texImage2D(curContext.TEXTURE_2D, 0, curContext.RGBA, curContext.RGBA, curContext.UNSIGNED_BYTE, pimage);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_MAG_FILTER, curContext.LINEAR);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_MIN_FILTER, curContext.LINEAR);
	curContext.generateMipmap(curContext.TEXTURE_2D);
	curTexture.width = pimage.width;
	curTexture.height = pimage.height
	} else {
	var texture = curContext.createTexture(),
	cvs = document.createElement("canvas"),
	cvsTextureCtx = cvs.getContext("2d"),
	pot;
	if (pimage.width & pimage.width - 1 === 0) cvs.width = pimage.width;
	else {
	pot = 1;
	while (pot < pimage.width) pot *= 2;
	cvs.width = pot
	}
	if (pimage.height & pimage.height - 1 === 0) cvs.height = pimage.height;
	else {
	pot = 1;
	while (pot < pimage.height) pot *= 2;
	cvs.height = pot
	}
	cvsTextureCtx.drawImage(pimage.sourceImg, 0, 0, pimage.width, pimage.height, 0, 0, cvs.width, cvs.height);
	curContext.bindTexture(curContext.TEXTURE_2D, texture);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_MIN_FILTER, curContext.LINEAR_MIPMAP_LINEAR);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_MAG_FILTER, curContext.LINEAR);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_WRAP_T, curContext.CLAMP_TO_EDGE);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_WRAP_S, curContext.CLAMP_TO_EDGE);
	curContext.texImage2D(curContext.TEXTURE_2D, 0, curContext.RGBA, curContext.RGBA, curContext.UNSIGNED_BYTE, cvs);
	curContext.generateMipmap(curContext.TEXTURE_2D);
	pimage.__texture = texture;
	curTexture.width = pimage.width;
	curTexture.height = pimage.height
	}
	usingTexture = true;
	curContext.useProgram(programObject3D);
	uniformi("usingTexture3d", programObject3D, "uUsingTexture", usingTexture)
	};
	p.textureMode = function(mode) {
	curTextureMode = mode
	};
	var curveVertexSegment = function(x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4) {
	var x0 = x2;
	var y0 = y2;
	var z0 = z2;
	var draw = curveDrawMatrix.array();
	var xplot1 = draw[4] * x1 + draw[5] * x2 + draw[6] * x3 + draw[7] * x4;
	var xplot2 = draw[8] * x1 + draw[9] * x2 + draw[10] * x3 + draw[11] * x4;
	var xplot3 = draw[12] * x1 + draw[13] * x2 + draw[14] * x3 + draw[15] * x4;
	var yplot1 = draw[4] * y1 + draw[5] * y2 + draw[6] * y3 + draw[7] * y4;
	var yplot2 = draw[8] * y1 + draw[9] * y2 + draw[10] * y3 + draw[11] * y4;
	var yplot3 = draw[12] * y1 + draw[13] * y2 + draw[14] * y3 + draw[15] * y4;
	var zplot1 = draw[4] * z1 + draw[5] * z2 + draw[6] * z3 + draw[7] * z4;
	var zplot2 = draw[8] * z1 + draw[9] * z2 + draw[10] * z3 + draw[11] * z4;
	var zplot3 = draw[12] * z1 + draw[13] * z2 + draw[14] * z3 + draw[15] * z4;
	p.vertex(x0, y0, z0);
	for (var j = 0; j < curveDet; j++) {
	x0 += xplot1;
	xplot1 += xplot2;
	xplot2 += xplot3;
	y0 += yplot1;
	yplot1 += yplot2;
	yplot2 += yplot3;
	z0 += zplot1;
	zplot1 += zplot2;
	zplot2 += zplot3;
	p.vertex(x0, y0, z0)
	}
	};
	Drawing2D.prototype.curveVertex = function(x, y) {
	isCurve = true;
	p.vertex(x, y)
	};
	Drawing3D.prototype.curveVertex = function(x, y, z) {
	isCurve = true;
	if (!curveInited) curveInit();
	var vert = [];
	vert[0] = x;
	vert[1] = y;
	vert[2] = z;
	curveVertArray.push(vert);
	curveVertCount++;
	if (curveVertCount > 3) curveVertexSegment(curveVertArray[curveVertCount - 4][0], curveVertArray[curveVertCount - 4][1], curveVertArray[curveVertCount - 4][2], curveVertArray[curveVertCount - 3][0], curveVertArray[curveVertCount - 3][1], curveVertArray[curveVertCount - 3][2], curveVertArray[curveVertCount - 2][0], curveVertArray[curveVertCount - 2][1], curveVertArray[curveVertCount - 2][2], curveVertArray[curveVertCount - 1][0], curveVertArray[curveVertCount - 1][1], curveVertArray[curveVertCount - 1][2])
	};
	Drawing2D.prototype.curve = function(x1, y1, x2, y2, x3, y3, x4, y4) {
	p.beginShape();
	p.curveVertex(x1, y1);
	p.curveVertex(x2, y2);
	p.curveVertex(x3, y3);
	p.curveVertex(x4, y4);
	p.endShape()
	};
	Drawing3D.prototype.curve = function(x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4) {
	if (z4 !== undef) {
	p.beginShape();
	p.curveVertex(x1, y1, z1);
	p.curveVertex(x2, y2, z2);
	p.curveVertex(x3, y3, z3);
	p.curveVertex(x4, y4, z4);
	p.endShape();
	return
	}
	p.beginShape();
	p.curveVertex(x1, y1);
	p.curveVertex(z1, x2);
	p.curveVertex(y2, z2);
	p.curveVertex(x3, y3);
	p.endShape()
	};
	p.curveTightness = function(tightness) {
	curTightness = tightness
	};
	p.curveDetail = function(detail) {
	curveDet = detail;
	curveInit()
	};
	p.rectMode = function(aRectMode) {
	curRectMode = aRectMode
	};
	p.imageMode = function(mode) {
	switch (mode) {
	case 0:
	imageModeConvert = imageModeCorner;
	break;
	case 1:
	imageModeConvert = imageModeCorners;
	break;
	case 3:
	imageModeConvert = imageModeCenter;
	break;
	default:
	throw "Invalid imageMode";
	}
	};
	p.ellipseMode = function(aEllipseMode) {
	curEllipseMode = aEllipseMode
	};
	p.arc = function(x, y, width, height, start, stop) {
	if (width <= 0 \|\| stop < start) return;
	if (curEllipseMode === 1) {
	width = width - x;
	height = height - y
	} else if (curEllipseMode === 2) {
	x = x - width;
	y = y - height;
	width = width * 2;
	height = height * 2
	} else if (curEllipseMode === 3) {
	x = x - width / 2;
	y = y - height / 2
	}
	while (start < 0) {
	start += 6.283185307179586;
	stop += 6.283185307179586
	}
	if (stop - start > 6.283185307179586) {
	start = 0;
	stop = 6.283185307179586
	}
	var hr = width / 2,
	vr = height / 2,
	centerX = x + hr,
	centerY = y + vr,
	startLUT = 0 \| 0.5 + start * p.RAD_TO_DEG * 2,
	stopLUT = 0 \| 0.5 + stop * p.RAD_TO_DEG * 2,
	i, j;
	if (doFill) {
	var savedStroke = doStroke;
	doStroke = false;
	p.beginShape();
	p.vertex(centerX, centerY);
	for (i = startLUT; i <= stopLUT; i++) {
	j = i % 720;
	p.vertex(centerX + cosLUT[j] * hr, centerY + sinLUT[j] * vr)
	}
	p.endShape(2);
	doStroke = savedStroke
	}
	if (doStroke) {
	var savedFill = doFill;
	doFill = false;
	p.beginShape();
	for (i = startLUT; i <= stopLUT; i++) {
	j = i % 720;
	p.vertex(centerX + cosLUT[j] * hr, centerY + sinLUT[j] * vr)
	}
	p.endShape();
	doFill = savedFill
	}
	};
	Drawing2D.prototype.line = function(x1, y1, x2, y2) {
	if (!doStroke) return;
	x1 = Math.round(x1);
	x2 = Math.round(x2);
	y1 = Math.round(y1);
	y2 = Math.round(y2);
	if (x1 === x2 && y1 === y2) {
	p.point(x1, y1);
	return
	}
	var swap = undef,
	lineCap = undef,
	drawCrisp = true,
	currentModelView = modelView.array(),
	identityMatrix = [1, 0, 0, 0, 1, 0];
	for (var i = 0; i < 6 && drawCrisp; i++) drawCrisp = currentModelView[i] === identityMatrix[i];
	if (drawCrisp) {
	if (x1 === x2) {
	if (y1 > y2) {
	swap = y1;
	y1 = y2;
	y2 = swap
	}
	y2++;
	if (lineWidth % 2 === 1) curContext.translate(0.5, 0)
	} else if (y1 === y2) {
	if (x1 > x2) {
	swap = x1;
	x1 = x2;
	x2 = swap
	}
	x2++;
	if (lineWidth % 2 === 1) curContext.translate(0, 0.5)
	}
	if (lineWidth === 1) {
	lineCap = curContext.lineCap;
	curContext.lineCap = "butt"
	}
	}
	curContext.beginPath();
	curContext.moveTo(x1 \|\| 0, y1 \|\| 0);
	curContext.lineTo(x2 \|\| 0, y2 \|\| 0);
	executeContextStroke();
	if (drawCrisp) {
	if (x1 === x2 && lineWidth % 2 === 1) curContext.translate(-0.5, 0);
	else if (y1 === y2 && lineWidth % 2 === 1) curContext.translate(0, -0.5);
	if (lineWidth === 1) curContext.lineCap = lineCap
	}
	};
	Drawing3D.prototype.line = function(x1, y1, z1, x2, y2, z2) {
	if (y2 === undef \|\| z2 === undef) {
	z2 = 0;
	y2 = x2;
	x2 = z1;
	z1 = 0
	}
	if (x1 === x2 && y1 === y2 && z1 === z2) {
	p.point(x1, y1, z1);
	return
	}
	var lineVerts = [x1, y1, z1, x2, y2, z2];
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.transpose();
	if (lineWidth > 0 && doStroke) {
	curContext.useProgram(programObject2D);
	uniformMatrix("uModel2d", programObject2D, "uModel", false, [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
	uniformMatrix("uView2d", programObject2D, "uView", false, view.array());
	uniformf("uColor2d", programObject2D, "uColor", strokeStyle);
	uniformi("uIsDrawingText", programObject2D, "uIsDrawingText", false);
	vertexAttribPointer("aVertex2d", programObject2D, "aVertex", 3, lineBuffer);
	disableVertexAttribPointer("aTextureCoord2d", programObject2D, "aTextureCoord");
	curContext.bufferData(curContext.ARRAY_BUFFER, new Float32Array(lineVerts), curContext.STREAM_DRAW);
	curContext.drawArrays(curContext.LINES, 0, 2)
	}
	};
	Drawing2D.prototype.bezier = function() {
	if (arguments.length !== 8) throw "You must use 8 parameters for bezier() in 2D mode";
	p.beginShape();
	p.vertex(arguments[0], arguments[1]);
	p.bezierVertex(arguments[2], arguments[3], arguments[4], arguments[5], arguments[6], arguments[7]);
	p.endShape()
	};
	Drawing3D.prototype.bezier = function() {
	if (arguments.length !== 12) throw "You must use 12 parameters for bezier() in 3D mode";
	p.beginShape();
	p.vertex(arguments[0], arguments[1], arguments[2]);
	p.bezierVertex(arguments[3], arguments[4], arguments[5], arguments[6], arguments[7], arguments[8], arguments[9], arguments[10], arguments[11]);
	p.endShape()
	};
	p.bezierDetail = function(detail) {
	bezDetail = detail
	};
	p.bezierPoint = function(a, b, c, d, t) {
	return (1 - t) * (1 - t) * (1 - t) * a + 3 * (1 - t) * (1 - t) * t * b + 3 * (1 - t) * t * t * c + t * t * t * d
	};
	p.bezierTangent = function(a, b, c, d, t) {
	return 3 * t * t * (-a + 3 * b - 3 * c + d) + 6 * t * (a - 2 * b + c) + 3 * (-a + b)
	};
	p.curvePoint = function(a, b, c, d, t) {
	return 0.5 * (2 * b + (-a + c) * t + (2 * a - 5 * b + 4 * c - d) * t * t + (-a + 3 * b - 3 * c + d) * t * t * t)
	};
	p.curveTangent = function(a, b, c, d, t) {
	return 0.5 * (-a + c + 2 * (2 * a - 5 * b + 4 * c - d) * t + 3 * (-a + 3 * b - 3 * c + d) * t * t)
	};
	p.triangle = function(x1, y1, x2, y2, x3, y3) {
	p.beginShape(9);
	p.vertex(x1, y1, 0);
	p.vertex(x2, y2, 0);
	p.vertex(x3, y3, 0);
	p.endShape()
	};
	p.quad = function(x1, y1, x2, y2, x3, y3, x4, y4) {
	p.beginShape(16);
	p.vertex(x1, y1, 0);
	p.vertex(x2, y2, 0);
	p.vertex(x3, y3, 0);
	p.vertex(x4, y4, 0);
	p.endShape()
	};
	var roundedRect$2d = function(x, y, width, height, tl, tr, br, bl) {
	if (bl === undef) {
	tr = tl;
	br = tl;
	bl = tl
	}
	var halfWidth = width / 2,
	halfHeight = height / 2;
	if (tl > halfWidth \|\| tl > halfHeight) tl = Math.min(halfWidth, halfHeight);
	if (tr > halfWidth \|\| tr > halfHeight) tr = Math.min(halfWidth, halfHeight);
	if (br > halfWidth \|\| br > halfHeight) br = Math.min(halfWidth, halfHeight);
	if (bl > halfWidth \|\| bl > halfHeight) bl = Math.min(halfWidth, halfHeight);
	if (!doFill \|\| doStroke) curContext.translate(0.5, 0.5);
	curContext.beginPath();
	curContext.moveTo(x + tl, y);
	curContext.lineTo(x + width - tr, y);
	curContext.quadraticCurveTo(x + width, y, x + width, y + tr);
	curContext.lineTo(x + width, y + height - br);
	curContext.quadraticCurveTo(x + width, y + height, x + width - br, y + height);
	curContext.lineTo(x + bl, y + height);
	curContext.quadraticCurveTo(x, y + height, x, y + height - bl);
	curContext.lineTo(x, y + tl);
	curContext.quadraticCurveTo(x, y, x + tl, y);
	if (!doFill \|\| doStroke) curContext.translate(-0.5, -0.5);
	executeContextFill();
	executeContextStroke()
	};
	Drawing2D.prototype.rect = function(x, y, width, height, tl, tr, br, bl) {
	if (!width && !height) return;
	if (curRectMode === 1) {
	width -= x;
	height -= y
	} else if (curRectMode === 2) {
	width *= 2;
	height *= 2;
	x -= width / 2;
	y -= height / 2
	} else if (curRectMode === 3) {
	x -= width / 2;
	y -= height / 2
	}
	x = Math.round(x);
	y = Math.round(y);
	width = Math.round(width);
	height = Math.round(height);
	if (tl !== undef) {
	roundedRect$2d(x, y, width, height, tl, tr, br, bl);
	return
	}
	if (doStroke && lineWidth % 2 === 1) curContext.translate(0.5, 0.5);
	curContext.beginPath();
	curContext.rect(x, y, width, height);
	executeContextFill();
	executeContextStroke();
	if (doStroke && lineWidth % 2 === 1) curContext.translate(-0.5, -0.5)
	};
	Drawing3D.prototype.rect = function(x, y, width, height, tl, tr, br, bl) {
	if (tl !== undef) throw "rect() with rounded corners is not supported in 3D mode";
	if (curRectMode === 1) {
	width -= x;
	height -= y
	} else if (curRectMode === 2) {
	width *= 2;
	height *= 2;
	x -= width / 2;
	y -= height / 2
	} else if (curRectMode === 3) {
	x -= width / 2;
	y -= height / 2
	}
	var model = new PMatrix3D;
	model.translate(x, y, 0);
	model.scale(width, height, 1);
	model.transpose();
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.transpose();
	if (lineWidth > 0 && doStroke) {
	curContext.useProgram(programObject2D);
	uniformMatrix("uModel2d", programObject2D, "uModel", false, model.array());
	uniformMatrix("uView2d", programObject2D, "uView", false, view.array());
	uniformf("uColor2d", programObject2D, "uColor", strokeStyle);
	uniformi("uIsDrawingText2d", programObject2D, "uIsDrawingText", false);
	vertexAttribPointer("aVertex2d", programObject2D, "aVertex", 3, rectBuffer);
	disableVertexAttribPointer("aTextureCoord2d", programObject2D, "aTextureCoord");
	curContext.drawArrays(curContext.LINE_LOOP, 0, rectVerts.length / 3)
	}
	if (doFill) {
	curContext.useProgram(programObject3D);
	uniformMatrix("uModel3d", programObject3D, "uModel", false, model.array());
	uniformMatrix("uView3d", programObject3D, "uView", false, view.array());
	curContext.enable(curContext.POLYGON_OFFSET_FILL);
	curContext.polygonOffset(1, 1);
	uniformf("color3d", programObject3D, "uColor", fillStyle);
	if (lightCount > 0) {
	var v = new PMatrix3D;
	v.set(view);
	var m = new PMatrix3D;
	m.set(model);
	v.mult(m);
	var normalMatrix = new PMatrix3D;
	normalMatrix.set(v);
	normalMatrix.invert();
	normalMatrix.transpose();
	uniformMatrix("uNormalTransform3d", programObject3D, "uNormalTransform", false, normalMatrix.array());
	vertexAttribPointer("aNormal3d", programObject3D, "aNormal", 3, rectNormBuffer)
	} else disableVertexAttribPointer("normal3d", programObject3D, "aNormal");
	vertexAttribPointer("vertex3d", programObject3D, "aVertex", 3, rectBuffer);
	curContext.drawArrays(curContext.TRIANGLE_FAN, 0, rectVerts.length / 3);
	curContext.disable(curContext.POLYGON_OFFSET_FILL)
	}
	};
	Drawing2D.prototype.ellipse = function(x, y, width, height) {
	x = x \|\| 0;
	y = y \|\| 0;
	if (width <= 0 && height <= 0) return;
	if (curEllipseMode === 2) {
	width *= 2;
	height *= 2
	} else if (curEllipseMode === 1) {
	width = width - x;
	height = height - y;
	x += width / 2;
	y += height / 2
	} else if (curEllipseMode === 0) {
	x += width / 2;
	y += height / 2
	}
	if (width === height) {
	curContext.beginPath();
	curContext.arc(x, y, width / 2, 0, 6.283185307179586, false);
	executeContextFill();
	executeContextStroke()
	} else {
	var w = width / 2,
	h = height / 2,
	C = 0.5522847498307933,
	c_x = C * w,
	c_y = C * h;
	p.beginShape();
	p.vertex(x + w, y);
	p.bezierVertex(x + w, y - c_y, x + c_x, y - h, x, y - h);
	p.bezierVertex(x - c_x, y - h, x - w, y - c_y, x - w, y);
	p.bezierVertex(x - w, y + c_y, x - c_x, y + h, x, y + h);
	p.bezierVertex(x + c_x, y + h, x + w, y + c_y, x + w, y);
	p.endShape()
	}
	};
	Drawing3D.prototype.ellipse = function(x, y, width, height) {
	x = x \|\| 0;
	y = y \|\| 0;
	if (width <= 0 && height <= 0) return;
	if (curEllipseMode === 2) {
	width *= 2;
	height *= 2
	} else if (curEllipseMode === 1) {
	width = width - x;
	height = height - y;
	x += width / 2;
	y += height / 2
	} else if (curEllipseMode === 0) {
	x += width / 2;
	y += height / 2
	}
	var w = width / 2,
	h = height / 2,
	C = 0.5522847498307933,
	c_x = C * w,
	c_y = C * h;
	p.beginShape();
	p.vertex(x + w, y);
	p.bezierVertex(x + w, y - c_y, 0, x + c_x, y - h, 0, x, y - h, 0);
	p.bezierVertex(x - c_x, y - h, 0, x - w, y - c_y, 0, x - w, y, 0);
	p.bezierVertex(x - w, y + c_y, 0, x - c_x, y + h, 0, x, y + h, 0);
	p.bezierVertex(x + c_x, y + h, 0, x + w, y + c_y, 0, x + w, y, 0);
	p.endShape();
	if (doFill) {
	var xAv = 0,
	yAv = 0,
	i, j;
	for (i = 0; i < vertArray.length; i++) {
	xAv += vertArray[i][0];
	yAv += vertArray[i][1]
	}
	xAv /= vertArray.length;
	yAv /= vertArray.length;
	var vert = [],
	fillVertArray = [],
	colorVertArray = [];
	vert[0] = xAv;
	vert[1] = yAv;
	vert[2] = 0;
	vert[3] = 0;
	vert[4] = 0;
	vert[5] = fillStyle[0];
	vert[6] = fillStyle[1];
	vert[7] = fillStyle[2];
	vert[8] = fillStyle[3];
	vert[9] = strokeStyle[0];
	vert[10] = strokeStyle[1];
	vert[11] = strokeStyle[2];
	vert[12] = strokeStyle[3];
	vert[13] = normalX;
	vert[14] = normalY;
	vert[15] = normalZ;
	vertArray.unshift(vert);
	for (i = 0; i < vertArray.length; i++) {
	for (j = 0; j < 3; j++) fillVertArray.push(vertArray[i][j]);
	for (j = 5; j < 9; j++) colorVertArray.push(vertArray[i][j])
	}
	fill3D(fillVertArray, "TRIANGLE_FAN", colorVertArray)
	}
	};
	p.normal = function(nx, ny, nz) {
	if (arguments.length !== 3 \|\| !(typeof nx === "number" && typeof ny === "number" && typeof nz === "number")) throw "normal() requires three numeric arguments.";
	normalX = nx;
	normalY = ny;
	normalZ = nz;
	if (curShape !== 0) if (normalMode === 0) normalMode = 1;
	else if (normalMode === 1) normalMode = 2
	};
	p.save = function(file, img) {
	if (img !== undef) return window.open(img.toDataURL(), "_blank");
	return window.open(p.externals.canvas.toDataURL(), "_blank")
	};
	var saveNumber = 0;
	p.saveFrame = function(file) {
	if (file === undef) file = "screen-####.png";
	var frameFilename = file.replace(/#+/, function(all) {
	var s = "" + saveNumber++;
	while (s.length < all.length) s = "0" + s;
	return s
	});
	p.save(frameFilename)
	};
	var utilityContext2d = document.createElement("canvas").getContext("2d");
	var canvasDataCache = [undef, undef, undef];

	function getCanvasData(obj, w, h) {
	var canvasData = canvasDataCache.shift();
	if (canvasData === undef) {
	canvasData = {};
	canvasData.canvas = document.createElement("canvas");
	canvasData.context = canvasData.canvas.getContext("2d")
	}
	canvasDataCache.push(canvasData);
	var canvas = canvasData.canvas,
	context = canvasData.context,
	width = w \|\| obj.width,
	height = h \|\| obj.height;
	canvas.width = width;
	canvas.height = height;
	if (!obj) context.clearRect(0, 0, width, height);
	else if ("data" in obj) context.putImageData(obj, 0, 0);
	else {
	context.clearRect(0, 0, width, height);
	context.drawImage(obj, 0, 0, width, height)
	}
	return canvasData
	}
	function buildPixelsObject(pImage) {
	return {
	getLength: function(aImg) {
	return function() {
	if (aImg.isRemote) throw "Image is loaded remotely. Cannot get length.";
	else return aImg.imageData.data.length ? aImg.imageData.data.length / 4 : 0
	}
	}(pImage),
	getPixel: function(aImg) {
	return function(i) {
	var offset = i * 4,
	data = aImg.imageData.data;
	if (aImg.isRemote) throw "Image is loaded remotely. Cannot get pixels.";
	return (data[offset + 3] & 255) << 24 \| (data[offset] & 255) << 16 \| (data[offset + 1] & 255) << 8 \| data[offset + 2] & 255
	}
	}(pImage),
	setPixel: function(aImg) {
	return function(i, c) {
	var offset = i * 4,
	data = aImg.imageData.data;
	if (aImg.isRemote) throw "Image is loaded remotely. Cannot set pixel.";
	data[offset + 0] = (c >> 16) & 255;
	data[offset + 1] = (c >> 8) & 255;
	data[offset + 2] = c & 255;
	data[offset + 3] = (c >> 24) & 255;
	aImg.__isDirty = true
	}
	}(pImage),
	toArray: function(aImg) {
	return function() {
	var arr = [],
	data = aImg.imageData.data,
	length = aImg.width * aImg.height;
	if (aImg.isRemote) throw "Image is loaded remotely. Cannot get pixels.";
	for (var i = 0, offset = 0; i < length; i++, offset += 4) arr.push((data[offset + 3] & 255) << 24 \| (data[offset] & 255) << 16 \| (data[offset + 1] & 255) << 8 \| data[offset + 2] & 255);
	return arr
	}
	}(pImage),
	set: function(aImg) {
	return function(arr) {
	var offset, data, c;
	if (this.isRemote) throw "Image is loaded remotely. Cannot set pixels.";
	data = aImg.imageData.data;
	for (var i = 0, aL = arr.length; i < aL; i++) {
	c = arr[i];
	offset = i * 4;
	data[offset + 0] = (c >> 16) & 255;
	data[offset + 1] = (c >> 8) & 255;
	data[offset + 2] = c & 255;
	data[offset + 3] = (c >> 24) & 255
	}
	aImg.__isDirty = true
	}
	}(pImage)
	}
	}
	var PImage = function(aWidth, aHeight, aFormat) {
	this.__isDirty = false;
	if (aWidth instanceof HTMLImageElement) this.fromHTMLImageData(aWidth);
	else if (aHeight \|\| aFormat) {
	this.width = aWidth \|\| 1;
	this.height = aHeight \|\| 1;
	var canvas = this.sourceImg = document.createElement("canvas");
	canvas.width = this.width;
	canvas.height = this.height;
	var imageData = this.imageData = canvas.getContext("2d").createImageData(this.width, this.height);
	this.format = aFormat === 2 \|\| aFormat === 4 ? aFormat : 1;
	if (this.format === 1) for (var i = 3, data = this.imageData.data, len = data.length; i < len; i += 4) data[i] = 255;
	this.__isDirty = true;
	this.updatePixels()
	} else {
	this.width = 0;
	this.height = 0;
	this.imageData = utilityContext2d.createImageData(1, 1);
	this.format = 2
	}
	this.pixels = buildPixelsObject(this)
	};
	PImage.prototype = {
	__isPImage: true,
	updatePixels: function() {
	var canvas = this.sourceImg;
	if (canvas && canvas instanceof HTMLCanvasElement && this.__isDirty) canvas.getContext("2d").putImageData(this.imageData, 0, 0);
	this.__isDirty = false
	},
	fromHTMLImageData: function(htmlImg) {
	var canvasData = getCanvasData(htmlImg);
	try {
	var imageData = canvasData.context.getImageData(0, 0, htmlImg.width, htmlImg.height);
	this.fromImageData(imageData)
	} catch(e) {
	if (htmlImg.width && htmlImg.height) {
	this.isRemote = true;
	this.width = htmlImg.width;
	this.height = htmlImg.height
	}
	}
	this.sourceImg = htmlImg
	},
	"get": function(x, y, w, h) {
	if (!arguments.length) return p.get(this);
	if (arguments.length === 2) return p.get(x, y, this);
	if (arguments.length === 4) return p.get(x, y, w, h, this)
	},
	"set": function(x, y, c) {
	p.set(x, y, c, this);
	this.__isDirty = true
	},
	blend: function(srcImg, x, y, width, height, dx, dy, dwidth, dheight, MODE) {
	if (arguments.length === 9) p.blend(this, srcImg, x, y, width, height, dx, dy, dwidth, dheight, this);
	else if (arguments.length === 10) p.blend(srcImg, x, y, width, height, dx, dy, dwidth, dheight, MODE, this);
	delete this.sourceImg
	},
	copy: function(srcImg, sx, sy, swidth, sheight, dx, dy, dwidth, dheight) {
	if (arguments.length === 8) p.blend(this, srcImg, sx, sy, swidth, sheight, dx, dy, dwidth, 0, this);
	else if (arguments.length === 9) p.blend(srcImg, sx, sy, swidth, sheight, dx, dy, dwidth, dheight, 0, this);
	delete this.sourceImg
	},
	filter: function(mode, param) {
	if (arguments.length === 2) p.filter(mode, param, this);
	else if (arguments.length === 1) p.filter(mode, null, this);
	delete this.sourceImg
	},
	save: function(file) {
	p.save(file, this)
	},
	resize: function(w, h) {
	if (this.isRemote) throw "Image is loaded remotely. Cannot resize.";
	if (this.width !== 0 \|\| this.height !== 0) {
	if (w === 0 && h !== 0) w = Math.floor(this.width / this.height * h);
	else if (h === 0 && w !== 0) h = Math.floor(this.height / this.width * w);
	var canvas = getCanvasData(this.imageData).canvas;
	var imageData = getCanvasData(canvas, w, h).context.getImageData(0, 0, w, h);
	this.fromImageData(imageData)
	}
	},
	mask: function(mask) {
	var obj = this.toImageData(),
	i, size;
	if (mask instanceof PImage \|\| mask.__isPImage) if (mask.width === this.width && mask.height === this.height) {
	mask = mask.toImageData();
	for (i = 2, size = this.width * this.height * 4; i < size; i += 4) obj.data[i + 1] = mask.data[i]
	} else throw "mask must have the same dimensions as PImage.";
	else if (mask instanceof
	Array) if (this.width * this.height === mask.length) for (i = 0, size = mask.length; i < size; ++i) obj.data[i * 4 + 3] = mask[i];
	else throw "mask array must be the same length as PImage pixels array.";
	this.fromImageData(obj)
	},
	loadPixels: nop,
	toImageData: function() {
	if (this.isRemote) return this.sourceImg;
	if (!this.__isDirty) return this.imageData;
	var canvasData = getCanvasData(this.sourceImg);
	return canvasData.context.getImageData(0, 0, this.width, this.height)
	},
	toDataURL: function() {
	if (this.isRemote) throw "Image is loaded remotely. Cannot create dataURI.";
	var canvasData = getCanvasData(this.imageData);
	return canvasData.canvas.toDataURL()
	},
	fromImageData: function(canvasImg) {
	var w = canvasImg.width,
	h = canvasImg.height,
	canvas = document.createElement("canvas"),
	ctx = canvas.getContext("2d");
	this.width = canvas.width = w;
	this.height = canvas.height = h;
	ctx.putImageData(canvasImg, 0, 0);
	this.format = 2;
	this.imageData = canvasImg;
	this.sourceImg = canvas
	}
	};
	p.PImage = PImage;
	p.createImage = function(w, h, mode) {
	return new PImage(w, h, mode)
	};
	p.loadImage = function(file, type, callback) {
	if (type) file = file + "." + type;
	var pimg;
	if (curSketch.imageCache.images[file]) {
	pimg = new PImage(curSketch.imageCache.images[file]);
	pimg.loaded = true;
	return pimg
	}
	pimg = new PImage;
	var img = document.createElement("img");
	pimg.sourceImg = img;
	img.onload = function(aImage, aPImage, aCallback) {
	var image = aImage;
	var pimg = aPImage;
	var callback = aCallback;
	return function() {
	pimg.fromHTMLImageData(image);
	pimg.loaded = true;
	if (callback) callback()
	}
	}(img, pimg, callback);
	img.src = file;
	return pimg
	};
	p.requestImage = p.loadImage;

	function get$2(x, y) {
	var data;
	if (x >= p.width \|\| x < 0 \|\| y < 0 \|\| y >= p.height) return 0;
	if (isContextReplaced) {
	var offset = ((0 \| x) + p.width * (0 \| y)) * 4;
	data = p.imageData.data;
	return (data[offset + 3] & 255) << 24 \| (data[offset] & 255) << 16 \| (data[offset + 1] & 255) << 8 \| data[offset + 2] & 255
	}
	data = p.toImageData(0 \| x, 0 \| y, 1, 1).data;
	return (data[3] & 255) << 24 \| (data[0] & 255) << 16 \| (data[1] & 255) << 8 \| data[2] & 255
	}
	function get$3(x, y, img) {
	if (img.isRemote) throw "Image is loaded remotely. Cannot get x,y.";
	var offset = y * img.width * 4 + x * 4,
	data = img.imageData.data;
	return (data[offset + 3] & 255) << 24 \| (data[offset] & 255) << 16 \| (data[offset + 1] & 255) << 8 \| data[offset + 2] & 255
	}
	function get$4(x, y, w, h) {
	var c = new PImage(w, h, 2);
	c.fromImageData(p.toImageData(x, y, w, h));
	return c
	}
	function get$5(x, y, w, h, img) {
	if (img.isRemote) throw "Image is loaded remotely. Cannot get x,y,w,h.";
	var c = new PImage(w, h, 2),
	cData = c.imageData.data,
	imgWidth = img.width,
	imgHeight = img.height,
	imgData = img.imageData.data;
	var startRow = Math.max(0, -y),
	startColumn = Math.max(0, -x),
	stopRow = Math.min(h, imgHeight - y),
	stopColumn = Math.min(w, imgWidth - x);
	for (var i = startRow; i < stopRow; ++i) {
	var sourceOffset = ((y + i) * imgWidth + (x + startColumn)) * 4;
	var targetOffset = (i * w + startColumn) * 4;
	for (var j = startColumn; j < stopColumn; ++j) {
	cData[targetOffset++] = imgData[sourceOffset++];
	cData[targetOffset++] = imgData[sourceOffset++];
	cData[targetOffset++] = imgData[sourceOffset++];
	cData[targetOffset++] = imgData[sourceOffset++]
	}
	}
	c.__isDirty = true;
	return c
	}
	p.get = function(x, y, w, h, img) {
	if (img !== undefined) return get$5(x, y, w, h, img);
	if (h !== undefined) return get$4(x, y, w, h);
	if (w !== undefined) return get$3(x, y, w);
	if (y !== undefined) return get$2(x, y);
	if (x !== undefined) return get$5(0, 0, x.width, x.height, x);
	return get$4(0, 0, p.width, p.height)
	};
	p.createGraphics = function(w, h, render) {
	var pg = new Processing;
	pg.size(w, h, render);
	pg.background(0, 0);
	return pg
	};

	function resetContext() {
	if (isContextReplaced) {
	curContext = originalContext;
	isContextReplaced = false;
	p.updatePixels()
	}
	}

	function SetPixelContextWrapper() {
	function wrapFunction(newContext, name) {
	function wrapper() {
	resetContext();
	curContext[name].apply(curContext, arguments)
	}
	newContext[name] = wrapper
	}
	function wrapProperty(newContext, name) {
	function getter() {
	resetContext();
	return curContext[name]
	}
	function setter(value) {
	resetContext();
	curContext[name] = value
	}
	p.defineProperty(newContext, name, {
	get: getter,
	set: setter
	})
	}
	for (var n in curContext) if (typeof curContext[n] === "function") wrapFunction(this, n);
	else wrapProperty(this, n)
	}
	function replaceContext() {
	if (isContextReplaced) return;
	p.loadPixels();
	if (proxyContext === null) {
	originalContext = curContext;
	proxyContext = new SetPixelContextWrapper
	}
	isContextReplaced = true;
	curContext = proxyContext;
	setPixelsCached = 0
	}
	function set$3(x, y, c) {
	if (x < p.width && x >= 0 && y >= 0 && y < p.height) {
	replaceContext();
	p.pixels.setPixel((0 \| x) + p.width * (0 \| y), c);
	if (++setPixelsCached > maxPixelsCached) resetContext()
	}
	}
	function set$4(x, y, obj, img) {
	if (img.isRemote) throw "Image is loaded remotely. Cannot set x,y.";
	var c = p.color.toArray(obj);
	var offset = y * img.width * 4 + x * 4;
	var data = img.imageData.data;
	data[offset] = c[0];
	data[offset + 1] = c[1];
	data[offset + 2] = c[2];
	data[offset + 3] = c[3]
	}
	p.set = function(x, y, obj, img) {
	var color, oldFill;
	if (arguments.length === 3) if (typeof obj === "number") set$3(x, y, obj);
	else {
	if (obj instanceof PImage \|\| obj.__isPImage) p.image(obj, x, y)
	} else if (arguments.length === 4) set$4(x, y, obj, img)
	};
	p.imageData = {};
	p.pixels = {
	getLength: function() {
	return p.imageData.data.length ? p.imageData.data.length / 4 : 0
	},
	getPixel: function(i) {
	var offset = i * 4,
	data = p.imageData.data;
	return data[offset + 3] << 24 & 4278190080 \| data[offset + 0] << 16 & 16711680 \| data[offset + 1] << 8 & 65280 \| data[offset + 2] & 255
	},
	setPixel: function(i, c) {
	var offset = i * 4,
	data = p.imageData.data;
	data[offset + 0] = (c & 16711680) >>> 16;
	data[offset + 1] = (c & 65280) >>> 8;
	data[offset + 2] = c & 255;
	data[offset + 3] = (c & 4278190080) >>> 24
	},
	toArray: function() {
	var arr = [],
	length = p.imageData.width * p.imageData.height,
	data = p.imageData.data;
	for (var i = 0, offset = 0; i < length; i++, offset += 4) arr.push(data[offset + 3] << 24 & 4278190080 \| data[offset + 0] << 16 & 16711680 \| data[offset + 1] << 8 & 65280 \| data[offset + 2] & 255);
	return arr
	},
	set: function(arr) {
	for (var i = 0, aL = arr.length; i < aL; i++) this.setPixel(i, arr[i])
	}
	};
	p.loadPixels = function() {
	p.imageData = drawing.$ensureContext().getImageData(0, 0, p.width, p.height)
	};
	p.updatePixels = function() {
	if (p.imageData) drawing.$ensureContext().putImageData(p.imageData, 0, 0)
	};
	p.hint = function(which) {
	var curContext = drawing.$ensureContext();
	if (which === 4) {
	curContext.disable(curContext.DEPTH_TEST);
	curContext.depthMask(false);
	curContext.clear(curContext.DEPTH_BUFFER_BIT)
	} else if (which === -4) {
	curContext.enable(curContext.DEPTH_TEST);
	curContext.depthMask(true)
	} else if (which === -1 \|\| which === 2) renderSmooth = true;
	else if (which === 1) renderSmooth = false
	};
	var backgroundHelper = function(arg1, arg2, arg3, arg4) {
	var obj;
	if (arg1 instanceof PImage \|\| arg1.__isPImage) {
	obj = arg1;
	if (!obj.loaded) throw "Error using image in background(): PImage not loaded.";
	if (obj.width !== p.width \|\| obj.height !== p.height) throw "Background image must be the same dimensions as the canvas.";
	} else obj = p.color(arg1, arg2, arg3, arg4);
	backgroundObj = obj
	};
	Drawing2D.prototype.background = function(arg1, arg2, arg3, arg4) {
	if (arg1 !== undef) backgroundHelper(arg1, arg2, arg3, arg4);
	if (backgroundObj instanceof PImage \|\| backgroundObj.__isPImage) {
	saveContext();
	curContext.setTransform(1, 0, 0, 1, 0, 0);
	p.image(backgroundObj, 0, 0);
	restoreContext()
	} else {
	saveContext();
	curContext.setTransform(1, 0, 0, 1, 0, 0);
	if (p.alpha(backgroundObj) !== colorModeA) curContext.clearRect(0, 0, p.width, p.height);
	curContext.fillStyle = p.color.toString(backgroundObj);
	curContext.fillRect(0, 0, p.width, p.height);
	isFillDirty = true;
	restoreContext()
	}
	};
	Drawing3D.prototype.background = function(arg1, arg2, arg3, arg4) {
	if (arguments.length > 0) backgroundHelper(arg1, arg2, arg3, arg4);
	var c = p.color.toGLArray(backgroundObj);
	curContext.clearColor(c[0], c[1], c[2], c[3]);
	curContext.clear(curContext.COLOR_BUFFER_BIT \| curContext.DEPTH_BUFFER_BIT)
	};
	Drawing2D.prototype.image = function(img, x, y, w, h) {
	x = Math.round(x);
	y = Math.round(y);
	if (img.width > 0) {
	var wid = w \|\| img.width;
	var hgt = h \|\| img.height;
	var bounds = imageModeConvert(x \|\| 0, y \|\| 0, w \|\| img.width, h \|\| img.height, arguments.length < 4);
	var fastImage = !!img.sourceImg && curTint === null;
	if (fastImage) {
	var htmlElement = img.sourceImg;
	if (img.__isDirty) img.updatePixels();
	curContext.drawImage(htmlElement, 0, 0, htmlElement.width, htmlElement.height, bounds.x, bounds.y, bounds.w, bounds.h)
	} else {
	var obj = img.toImageData();
	if (curTint !== null) {
	curTint(obj);
	img.__isDirty = true
	}
	curContext.drawImage(getCanvasData(obj).canvas, 0, 0, img.width, img.height, bounds.x, bounds.y, bounds.w, bounds.h)
	}
	}
	};
	Drawing3D.prototype.image = function(img, x, y, w, h) {
	if (img.width > 0) {
	x = Math.round(x);
	y = Math.round(y);
	w = w \|\| img.width;
	h = h \|\| img.height;
	p.beginShape(p.QUADS);
	p.texture(img);
	p.vertex(x, y, 0, 0, 0);
	p.vertex(x, y + h, 0, 0, h);
	p.vertex(x + w, y + h, 0, w, h);
	p.vertex(x + w, y, 0, w, 0);
	p.endShape()
	}
	};
	p.tint = function(a1, a2, a3, a4) {
	var tintColor = p.color(a1, a2, a3, a4);
	var r = p.red(tintColor) / colorModeX;
	var g = p.green(tintColor) / colorModeY;
	var b = p.blue(tintColor) / colorModeZ;
	var a = p.alpha(tintColor) / colorModeA;
	curTint = function(obj) {
	var data = obj.data,
	length = 4 * obj.width * obj.height;
	for (var i = 0; i < length;) {
	data[i++] *= r;
	data[i++] *= g;
	data[i++] *= b;
	data[i++] *= a
	}
	};
	curTint3d = function(data) {
	for (var i = 0; i < data.length;) {
	data[i++] = r;
	data[i++] = g;
	data[i++] = b;
	data[i++] = a
	}
	}
	};
	p.noTint = function() {
	curTint = null;
	curTint3d = null
	};
	p.copy = function(src, sx, sy, sw, sh, dx, dy, dw, dh) {
	if (dh === undef) {
	dh = dw;
	dw = dy;
	dy = dx;
	dx = sh;
	sh = sw;
	sw = sy;
	sy = sx;
	sx = src;
	src = p
	}
	p.blend(src, sx, sy, sw, sh, dx, dy, dw, dh, 0)
	};
	p.blend = function(src, sx, sy, sw, sh, dx, dy, dw, dh, mode, pimgdest) {
	if (src.isRemote) throw "Image is loaded remotely. Cannot blend image.";
	if (mode === undef) {
	mode = dh;
	dh = dw;
	dw = dy;
	dy = dx;
	dx = sh;
	sh = sw;
	sw = sy;
	sy = sx;
	sx = src;
	src = p
	}
	var sx2 = sx + sw,
	sy2 = sy + sh,
	dx2 = dx + dw,
	dy2 = dy + dh,
	dest = pimgdest \|\| p;
	if (pimgdest === undef \|\| mode === undef) p.loadPixels();
	src.loadPixels();
	if (src === p && p.intersect(sx, sy, sx2, sy2, dx, dy, dx2, dy2)) p.blit_resize(p.get(sx, sy, sx2 - sx, sy2 - sy), 0, 0, sx2 - sx - 1, sy2 - sy - 1, dest.imageData.data, dest.width, dest.height, dx, dy, dx2, dy2, mode);
	else p.blit_resize(src, sx, sy, sx2, sy2, dest.imageData.data, dest.width, dest.height, dx, dy, dx2, dy2, mode);
	if (pimgdest === undef) p.updatePixels()
	};
	var buildBlurKernel = function(r) {
	var radius = p.floor(r * 3.5),
	i, radiusi;
	radius = radius < 1 ? 1 : radius < 248 ? radius : 248;
	if (p.shared.blurRadius !== radius) {
	p.shared.blurRadius = radius;
	p.shared.blurKernelSize = 1 + (p.shared.blurRadius << 1);
	p.shared.blurKernel = new Float32Array(p.shared.blurKernelSize);
	var sharedBlurKernal = p.shared.blurKernel;
	var sharedBlurKernelSize = p.shared.blurKernelSize;
	var sharedBlurRadius = p.shared.blurRadius;
	for (i = 0; i < sharedBlurKernelSize; i++) sharedBlurKernal[i] = 0;
	var radiusiSquared = (radius - 1) * (radius - 1);
	for (i = 1; i < radius; i++) sharedBlurKernal[radius + i] = sharedBlurKernal[radiusi] = radiusiSquared;
	sharedBlurKernal[radius] = radius * radius
	}
	};
	var blurARGB = function(r, aImg) {
	var sum, cr, cg, cb, ca, c, m;
	var read, ri, ym, ymi, bk0;
	var wh = aImg.pixels.getLength();
	var r2 = new Float32Array(wh);
	var g2 = new Float32Array(wh);
	var b2 = new Float32Array(wh);
	var a2 = new Float32Array(wh);
	var yi = 0;
	var x, y, i, offset;
	buildBlurKernel(r);
	var aImgHeight = aImg.height;
	var aImgWidth = aImg.width;
	var sharedBlurKernelSize = p.shared.blurKernelSize;
	var sharedBlurRadius = p.shared.blurRadius;
	var sharedBlurKernal = p.shared.blurKernel;
	var pix = aImg.imageData.data;
	for (y = 0; y < aImgHeight; y++) {
	for (x = 0; x < aImgWidth; x++) {
	cb = cg = cr = ca = sum = 0;
	read = x - sharedBlurRadius;
	if (read < 0) {
	bk0 = -read;
	read = 0
	} else {
	if (read >= aImgWidth) break;
	bk0 = 0
	}
	for (i = bk0; i < sharedBlurKernelSize; i++) {
	if (read >= aImgWidth) break;
	offset = (read + yi) * 4;
	m = sharedBlurKernal[i];
	ca += m * pix[offset + 3];
	cr += m * pix[offset];
	cg += m * pix[offset + 1];
	cb += m * pix[offset + 2];
	sum += m;
	read++
	}
	ri = yi + x;
	a2[ri] = ca / sum;
	r2[ri] = cr / sum;
	g2[ri] = cg / sum;
	b2[ri] = cb / sum
	}
	yi += aImgWidth
	}
	yi = 0;
	ym = -sharedBlurRadius;
	ymi = ym * aImgWidth;
	for (y = 0; y < aImgHeight; y++) {
	for (x = 0; x < aImgWidth; x++) {
	cb = cg = cr = ca = sum = 0;
	if (ym < 0) {
	bk0 = ri = -ym;
	read = x
	} else {
	if (ym >= aImgHeight) break;
	bk0 = 0;
	ri = ym;
	read = x + ymi
	}
	for (i = bk0; i < sharedBlurKernelSize; i++) {
	if (ri >= aImgHeight) break;
	m = sharedBlurKernal[i];
	ca += m * a2[read];
	cr += m * r2[read];
	cg += m * g2[read];
	cb += m * b2[read];
	sum += m;
	ri++;
	read += aImgWidth
	}
	offset = (x + yi) * 4;
	pix[offset] = cr / sum;
	pix[offset + 1] = cg / sum;
	pix[offset + 2] = cb / sum;
	pix[offset + 3] = ca / sum
	}
	yi += aImgWidth;
	ymi += aImgWidth;
	ym++
	}
	};
	var dilate = function(isInverted, aImg) {
	var currIdx = 0;
	var maxIdx = aImg.pixels.getLength();
	var out = new Int32Array(maxIdx);
	var currRowIdx, maxRowIdx, colOrig, colOut, currLum;
	var idxRight, idxLeft, idxUp, idxDown, colRight, colLeft, colUp, colDown, lumRight, lumLeft, lumUp, lumDown;
	if (!isInverted) while (currIdx < maxIdx) {
	currRowIdx = currIdx;
	maxRowIdx = currIdx + aImg.width;
	while (currIdx < maxRowIdx) {
	colOrig = colOut = aImg.pixels.getPixel(currIdx);
	idxLeft = currIdx - 1;
	idxRight = currIdx + 1;
	idxUp = currIdx - aImg.width;
	idxDown = currIdx + aImg.width;
	if (idxLeft < currRowIdx) idxLeft = currIdx;
	if (idxRight >= maxRowIdx) idxRight = currIdx;
	if (idxUp < 0) idxUp = 0;
	if (idxDown >= maxIdx) idxDown = currIdx;
	colUp = aImg.pixels.getPixel(idxUp);
	colLeft = aImg.pixels.getPixel(idxLeft);
	colDown = aImg.pixels.getPixel(idxDown);
	colRight = aImg.pixels.getPixel(idxRight);
	currLum = 77 * (colOrig >> 16 & 255) + 151 * (colOrig >> 8 & 255) + 28 * (colOrig & 255);
	lumLeft = 77 * (colLeft >> 16 & 255) + 151 * (colLeft >> 8 & 255) + 28 * (colLeft & 255);
	lumRight = 77 * (colRight >> 16 & 255) + 151 * (colRight >> 8 & 255) + 28 * (colRight & 255);
	lumUp = 77 * (colUp >> 16 & 255) + 151 * (colUp >> 8 & 255) + 28 * (colUp & 255);
	lumDown = 77 * (colDown >> 16 & 255) + 151 * (colDown >> 8 & 255) + 28 * (colDown & 255);
	if (lumLeft > currLum) {
	colOut = colLeft;
	currLum = lumLeft
	}
	if (lumRight > currLum) {
	colOut = colRight;
	currLum = lumRight
	}
	if (lumUp > currLum) {
	colOut = colUp;
	currLum = lumUp
	}
	if (lumDown > currLum) {
	colOut = colDown;
	currLum = lumDown
	}
	out[currIdx++] = colOut
	}
	} else while (currIdx < maxIdx) {
	currRowIdx = currIdx;
	maxRowIdx = currIdx + aImg.width;
	while (currIdx < maxRowIdx) {
	colOrig = colOut = aImg.pixels.getPixel(currIdx);
	idxLeft = currIdx - 1;
	idxRight = currIdx + 1;
	idxUp = currIdx - aImg.width;
	idxDown = currIdx + aImg.width;
	if (idxLeft < currRowIdx) idxLeft = currIdx;
	if (idxRight >= maxRowIdx) idxRight = currIdx;
	if (idxUp < 0) idxUp = 0;
	if (idxDown >= maxIdx) idxDown = currIdx;
	colUp = aImg.pixels.getPixel(idxUp);
	colLeft = aImg.pixels.getPixel(idxLeft);
	colDown = aImg.pixels.getPixel(idxDown);
	colRight = aImg.pixels.getPixel(idxRight);
	currLum = 77 * (colOrig >> 16 & 255) + 151 * (colOrig >> 8 & 255) + 28 * (colOrig & 255);
	lumLeft = 77 * (colLeft >> 16 & 255) + 151 * (colLeft >> 8 & 255) + 28 * (colLeft & 255);
	lumRight = 77 * (colRight >> 16 & 255) + 151 * (colRight >> 8 & 255) + 28 * (colRight & 255);
	lumUp = 77 * (colUp >> 16 & 255) + 151 * (colUp >> 8 & 255) + 28 * (colUp & 255);
	lumDown = 77 * (colDown >> 16 & 255) + 151 * (colDown >> 8 & 255) + 28 * (colDown & 255);
	if (lumLeft < currLum) {
	colOut = colLeft;
	currLum = lumLeft
	}
	if (lumRight < currLum) {
	colOut = colRight;
	currLum = lumRight
	}
	if (lumUp < currLum) {
	colOut = colUp;
	currLum = lumUp
	}
	if (lumDown < currLum) {
	colOut = colDown;
	currLum = lumDown
	}
	out[currIdx++] = colOut
	}
	}
	aImg.pixels.set(out)
	};
	p.filter = function(kind, param, aImg) {
	var img, col, lum, i;
	if (arguments.length === 3) {
	aImg.loadPixels();
	img = aImg
	} else {
	p.loadPixels();
	img = p
	}
	if (param === undef) param = null;
	if (img.isRemote) throw "Image is loaded remotely. Cannot filter image.";
	var imglen = img.pixels.getLength();
	switch (kind) {
	case 11:
	var radius = param \|\| 1;
	blurARGB(radius, img);
	break;
	case 12:
	if (img.format === 4) {
	for (i = 0; i < imglen; i++) {
	col = 255 - img.pixels.getPixel(i);
	img.pixels.setPixel(i, 4278190080 \| col << 16 \| col << 8 \| col)
	}
	img.format = 1
	} else for (i = 0; i < imglen; i++) {
	col = img.pixels.getPixel(i);
	lum = 77 * (col >> 16 & 255) + 151 * (col >> 8 & 255) + 28 * (col & 255) >> 8;
	img.pixels.setPixel(i, col & 4278190080 \| lum << 16 \| lum << 8 \| lum)
	}
	break;
	case 13:
	for (i = 0; i < imglen; i++) img.pixels.setPixel(i, img.pixels.getPixel(i) ^ 16777215);
	break;
	case 15:
	if (param === null) throw "Use filter(POSTERIZE, int levels) instead of filter(POSTERIZE)";
	var levels = p.floor(param);
	if (levels < 2 \|\| levels > 255) throw "Levels must be between 2 and 255 for filter(POSTERIZE, levels)";
	var levels1 = levels - 1;
	for (i = 0; i < imglen; i++) {
	var rlevel = img.pixels.getPixel(i) >> 16 & 255;
	var glevel = img.pixels.getPixel(i) >> 8 & 255;
	var blevel = img.pixels.getPixel(i) & 255;
	rlevel = (rlevel * levels >> 8) * 255 / levels1;
	glevel = (glevel * levels >> 8) * 255 / levels1;
	blevel = (blevel * levels >> 8) * 255 / levels1;
	img.pixels.setPixel(i, 4278190080 & img.pixels.getPixel(i) \| rlevel << 16 \| glevel << 8 \| blevel)
	}
	break;
	case 14:
	for (i = 0; i < imglen; i++) img.pixels.setPixel(i, img.pixels.getPixel(i) \| 4278190080);
	img.format = 1;
	break;
	case 16:
	if (param === null) param = 0.5;
	if (param < 0 \|\| param > 1) throw "Level must be between 0 and 1 for filter(THRESHOLD, level)";
	var thresh = p.floor(param * 255);
	for (i = 0; i < imglen; i++) {
	var max = p.max((img.pixels.getPixel(i) & 16711680) >> 16, p.max((img.pixels.getPixel(i) & 65280) >> 8, img.pixels.getPixel(i) & 255));
	img.pixels.setPixel(i, img.pixels.getPixel(i) & 4278190080 \| (max < thresh ? 0 : 16777215))
	}
	break;
	case 17:
	dilate(true, img);
	break;
	case 18:
	dilate(false, img);
	break
	}
	img.updatePixels()
	};
	p.shared = {
	fracU: 0,
	ifU: 0,
	fracV: 0,
	ifV: 0,
	u1: 0,
	u2: 0,
	v1: 0,
	v2: 0,
	sX: 0,
	sY: 0,
	iw: 0,
	iw1: 0,
	ih1: 0,
	ul: 0,
	ll: 0,
	ur: 0,
	lr: 0,
	cUL: 0,
	cLL: 0,
	cUR: 0,
	cLR: 0,
	srcXOffset: 0,
	srcYOffset: 0,
	r: 0,
	g: 0,
	b: 0,
	a: 0,
	srcBuffer: null,
	blurRadius: 0,
	blurKernelSize: 0,
	blurKernel: null
	};
	p.intersect = function(sx1, sy1, sx2, sy2, dx1, dy1, dx2, dy2) {
	var sw = sx2 - sx1 + 1;
	var sh = sy2 - sy1 + 1;
	var dw = dx2 - dx1 + 1;
	var dh = dy2 - dy1 + 1;
	if (dx1 < sx1) {
	dw += dx1 - sx1;
	if (dw > sw) dw = sw
	} else {
	var w = sw + sx1 - dx1;
	if (dw > w) dw = w
	}
	if (dy1 < sy1) {
	dh += dy1 - sy1;
	if (dh > sh) dh = sh
	} else {
	var h = sh + sy1 - dy1;
	if (dh > h) dh = h
	}
	return ! (dw <= 0 \|\| dh <= 0)
	};
	var blendFuncs = {};
	blendFuncs[1] = p.modes.blend;
	blendFuncs[2] = p.modes.add;
	blendFuncs[4] = p.modes.subtract;
	blendFuncs[8] = p.modes.lightest;
	blendFuncs[16] = p.modes.darkest;
	blendFuncs[0] = p.modes.replace;
	blendFuncs[32] = p.modes.difference;
	blendFuncs[64] = p.modes.exclusion;
	blendFuncs[128] = p.modes.multiply;
	blendFuncs[256] = p.modes.screen;
	blendFuncs[512] = p.modes.overlay;
	blendFuncs[1024] = p.modes.hard_light;
	blendFuncs[2048] = p.modes.soft_light;
	blendFuncs[4096] = p.modes.dodge;
	blendFuncs[8192] = p.modes.burn;
	p.blit_resize = function(img, srcX1, srcY1, srcX2, srcY2, destPixels, screenW, screenH, destX1, destY1, destX2, destY2, mode) {
	var x, y;
	if (srcX1 < 0) srcX1 = 0;
	if (srcY1 < 0) srcY1 = 0;
	if (srcX2 >= img.width) srcX2 = img.width - 1;
	if (srcY2 >= img.height) srcY2 = img.height - 1;
	var srcW = srcX2 - srcX1;
	var srcH = srcY2 - srcY1;
	var destW = destX2 - destX1;
	var destH = destY2 - destY1;
	if (destW <= 0 \|\| destH <= 0 \|\| srcW <= 0 \|\| srcH <= 0 \|\| destX1 >= screenW \|\| destY1 >= screenH \|\| srcX1 >= img.width \|\| srcY1 >= img.height) return;
	var dx = Math.floor(srcW / destW * 32768);
	var dy = Math.floor(srcH / destH * 32768);
	var pshared = p.shared;
	pshared.srcXOffset = Math.floor(destX1 < 0 ? -destX1 * dx : srcX1 * 32768);
	pshared.srcYOffset = Math.floor(destY1 < 0 ? -destY1 * dy : srcY1 * 32768);
	if (destX1 < 0) {
	destW += destX1;
	destX1 = 0
	}
	if (destY1 < 0) {
	destH += destY1;
	destY1 = 0
	}
	destW = Math.min(destW, screenW - destX1);
	destH = Math.min(destH, screenH - destY1);
	var destOffset = destY1 * screenW + destX1;
	var destColor;
	pshared.srcBuffer = img.imageData.data;
	pshared.iw = img.width;
	pshared.iw1 = img.width - 1;
	pshared.ih1 = img.height - 1;
	var filterBilinear = p.filter_bilinear,
	filterNewScanline = p.filter_new_scanline,
	blendFunc = blendFuncs[mode],
	blendedColor, idx, cULoffset, cURoffset, cLLoffset, cLRoffset, ALPHA_MASK = 4278190080,
	RED_MASK = 16711680,
	GREEN_MASK = 65280,
	BLUE_MASK = 255,
	PREC_MAXVAL = 32767,
	PRECISIONB = 15,
	PREC_RED_SHIFT = 1,
	PREC_ALPHA_SHIFT = 9,
	srcBuffer = pshared.srcBuffer,
	min = Math.min;
	for (y = 0; y < destH; y++) {
	pshared.sX = pshared.srcXOffset;
	pshared.fracV = pshared.srcYOffset & PREC_MAXVAL;
	pshared.ifV = PREC_MAXVAL - pshared.fracV;
	pshared.v1 = (pshared.srcYOffset >> PRECISIONB) * pshared.iw;
	pshared.v2 = min((pshared.srcYOffset >> PRECISIONB) + 1, pshared.ih1) * pshared.iw;
	for (x = 0; x < destW; x++) {
	idx = (destOffset + x) * 4;
	destColor = destPixels[idx + 3] << 24 & ALPHA_MASK \| destPixels[idx] << 16 & RED_MASK \| destPixels[idx + 1] << 8 & GREEN_MASK \| destPixels[idx + 2] & BLUE_MASK;
	pshared.fracU = pshared.sX & PREC_MAXVAL;
	pshared.ifU = PREC_MAXVAL - pshared.fracU;
	pshared.ul = pshared.ifU * pshared.ifV >> PRECISIONB;
	pshared.ll = pshared.ifU * pshared.fracV >> PRECISIONB;
	pshared.ur = pshared.fracU * pshared.ifV >> PRECISIONB;
	pshared.lr = pshared.fracU * pshared.fracV >> PRECISIONB;
	pshared.u1 = pshared.sX >> PRECISIONB;
	pshared.u2 = min(pshared.u1 + 1, pshared.iw1);
	cULoffset = (pshared.v1 + pshared.u1) * 4;
	cURoffset = (pshared.v1 + pshared.u2) * 4;
	cLLoffset = (pshared.v2 + pshared.u1) * 4;
	cLRoffset = (pshared.v2 + pshared.u2) * 4;
	pshared.cUL = srcBuffer[cULoffset + 3] << 24 & ALPHA_MASK \| srcBuffer[cULoffset] << 16 & RED_MASK \| srcBuffer[cULoffset + 1] << 8 & GREEN_MASK \| srcBuffer[cULoffset + 2] & BLUE_MASK;
	pshared.cUR = srcBuffer[cURoffset + 3] << 24 & ALPHA_MASK \| srcBuffer[cURoffset] << 16 & RED_MASK \| srcBuffer[cURoffset + 1] << 8 & GREEN_MASK \| srcBuffer[cURoffset + 2] & BLUE_MASK;
	pshared.cLL = srcBuffer[cLLoffset + 3] << 24 & ALPHA_MASK \| srcBuffer[cLLoffset] << 16 & RED_MASK \| srcBuffer[cLLoffset + 1] << 8 & GREEN_MASK \| srcBuffer[cLLoffset + 2] & BLUE_MASK;
	pshared.cLR = srcBuffer[cLRoffset + 3] << 24 & ALPHA_MASK \| srcBuffer[cLRoffset] << 16 & RED_MASK \| srcBuffer[cLRoffset + 1] << 8 & GREEN_MASK \| srcBuffer[cLRoffset + 2] & BLUE_MASK;
	pshared.r = pshared.ul * ((pshared.cUL & RED_MASK) >> 16) + pshared.ll * ((pshared.cLL & RED_MASK) >> 16) + pshared.ur * ((pshared.cUR & RED_MASK) >> 16) + pshared.lr * ((pshared.cLR & RED_MASK) >> 16) << PREC_RED_SHIFT & RED_MASK;
	pshared.g = pshared.ul * (pshared.cUL & GREEN_MASK) + pshared.ll * (pshared.cLL & GREEN_MASK) + pshared.ur * (pshared.cUR & GREEN_MASK) + pshared.lr * (pshared.cLR & GREEN_MASK) >>> PRECISIONB & GREEN_MASK;
	pshared.b = pshared.ul * (pshared.cUL & BLUE_MASK) + pshared.ll * (pshared.cLL & BLUE_MASK) + pshared.ur * (pshared.cUR & BLUE_MASK) + pshared.lr * (pshared.cLR & BLUE_MASK) >>> PRECISIONB;
	pshared.a = pshared.ul * ((pshared.cUL & ALPHA_MASK) >>> 24) + pshared.ll * ((pshared.cLL & ALPHA_MASK) >>> 24) + pshared.ur * ((pshared.cUR & ALPHA_MASK) >>> 24) + pshared.lr * ((pshared.cLR & ALPHA_MASK) >>> 24) << PREC_ALPHA_SHIFT & ALPHA_MASK;
	blendedColor = blendFunc(destColor, pshared.a \| pshared.r \| pshared.g \| pshared.b);
	destPixels[idx] = (blendedColor & RED_MASK) >>> 16;
	destPixels[idx + 1] = (blendedColor & GREEN_MASK) >>> 8;
	destPixels[idx + 2] = blendedColor & BLUE_MASK;
	destPixels[idx + 3] = (blendedColor & ALPHA_MASK) >>> 24;
	pshared.sX += dx
	}
	destOffset += screenW;
	pshared.srcYOffset += dy
	}
	};
	p.loadFont = function(name, size) {
	if (name === undef) throw "font name required in loadFont.";
	if (name.indexOf(".svg") === -1) {
	if (size === undef) size = curTextFont.size;
	return PFont.get(name, size)
	}
	var font = p.loadGlyphs(name);
	return {
	name: name,
	css: "12px sans-serif",
	glyph: true,
	units_per_em: font.units_per_em,
	horiz_adv_x: 1 / font.units_per_em * font.horiz_adv_x,
	ascent: font.ascent,
	descent: font.descent,
	width: function(str) {
	var width = 0;
	var len = str.length;
	for (var i = 0; i < len; i++) try {
	width += parseFloat(p.glyphLook(p.glyphTable[name], str[i]).horiz_adv_x)
	} catch(e) {
	Processing.debug(e)
	}
	return width / p.glyphTable[name].units_per_em
	}
	}
	};
	p.createFont = function(name, size) {
	return p.loadFont(name, size)
	};
	p.textFont = function(pfont, size) {
	if (size !== undef) {
	if (!pfont.glyph) pfont = PFont.get(pfont.name, size);
	curTextSize = size
	}
	curTextFont = pfont;
	curFontName = curTextFont.name;
	curTextAscent = curTextFont.ascent;
	curTextDescent = curTextFont.descent;
	curTextLeading = curTextFont.leading;
	var curContext = drawing.$ensureContext();
	curContext.font = curTextFont.css
	};
	p.textSize = function(size) {
	curTextFont = PFont.get(curFontName, size);
	curTextSize = size;
	curTextAscent = curTextFont.ascent;
	curTextDescent = curTextFont.descent;
	curTextLeading = curTextFont.leading;
	var curContext = drawing.$ensureContext();
	curContext.font = curTextFont.css
	};
	p.textAscent = function() {
	return curTextAscent
	};
	p.textDescent = function() {
	return curTextDescent
	};
	p.textLeading = function(leading) {
	curTextLeading = leading
	};
	p.textAlign = function(xalign, yalign) {
	horizontalTextAlignment = xalign;
	verticalTextAlignment = yalign \|\| 0
	};

	function toP5String(obj) {
	if (obj instanceof String) return obj;
	if (typeof obj === "number") {
	if (obj === (0 \| obj)) return obj.toString();
	return p.nf(obj, 0, 3)
	}
	if (obj === null \|\| obj === undef) return "";
	return obj.toString()
	}
	Drawing2D.prototype.textWidth = function(str) {
	var lines = toP5String(str).split(/\r?\n/g),
	width = 0;
	var i, linesCount = lines.length;
	curContext.font = curTextFont.css;
	for (i = 0; i < linesCount; ++i) width = Math.max(width, curTextFont.measureTextWidth(lines[i]));
	return width \| 0
	};
	Drawing3D.prototype.textWidth = function(str) {
	var lines = toP5String(str).split(/\r?\n/g),
	width = 0;
	var i, linesCount = lines.length;
	if (textcanvas === undef) textcanvas = document.createElement("canvas");
	var textContext = textcanvas.getContext("2d");
	textContext.font = curTextFont.css;
	for (i = 0; i < linesCount; ++i) width = Math.max(width, textContext.measureText(lines[i]).width);
	return width \| 0
	};
	p.glyphLook = function(font, chr) {
	try {
	switch (chr) {
	case "1":
	return font.one;
	case "2":
	return font.two;
	case "3":
	return font.three;
	case "4":
	return font.four;
	case "5":
	return font.five;
	case "6":
	return font.six;
	case "7":
	return font.seven;
	case "8":
	return font.eight;
	case "9":
	return font.nine;
	case "0":
	return font.zero;
	case " ":
	return font.space;
	case "$":
	return font.dollar;
	case "!":
	return font.exclam;
	case '"':
	return font.quotedbl;
	case "#":
	return font.numbersign;
	case "%":
	return font.percent;
	case "&":
	return font.ampersand;
	case "'":
	return font.quotesingle;
	case "(":
	return font.parenleft;
	case ")":
	return font.parenright;
	case "*":
	return font.asterisk;
	case "+":
	return font.plus;
	case ",":
	return font.comma;
	case "-":
	return font.hyphen;
	case ".":
	return font.period;
	case "/":
	return font.slash;
	case "_":
	return font.underscore;
	case ":":
	return font.colon;
	case ";":
	return font.semicolon;
	case "<":
	return font.less;
	case "=":
	return font.equal;
	case ">":
	return font.greater;
	case "?":
	return font.question;
	case "@":
	return font.at;
	case "[":
	return font.bracketleft;
	case "\\":
	return font.backslash;
	case "]":
	return font.bracketright;
	case "^":
	return font.asciicircum;
	case "`":
	return font.grave;
	case "{":
	return font.braceleft;
	case "\|":
	return font.bar;
	case "}":
	return font.braceright;
	case "~":
	return font.asciitilde;
	default:
	return font[chr]
	}
	} catch(e) {
	Processing.debug(e)
	}
	};
	Drawing2D.prototype.text$line = function(str, x, y, z, align) {
	var textWidth = 0,
	xOffset = 0;
	if (!curTextFont.glyph) {
	if (str && "fillText" in curContext) {
	if (isFillDirty) {
	curContext.fillStyle = p.color.toString(currentFillColor);
	isFillDirty = false
	}
	if (align === 39 \|\| align === 3) {
	textWidth = curTextFont.measureTextWidth(str);
	if (align === 39) xOffset = -textWidth;
	else xOffset = -textWidth / 2
	}
	curContext.fillText(str, x + xOffset, y)
	}
	} else {
	var font = p.glyphTable[curFontName];
	saveContext();
	curContext.translate(x, y + curTextSize);
	if (align === 39 \|\| align === 3) {
	textWidth = font.width(str);
	if (align === 39) xOffset = -textWidth;
	else xOffset = -textWidth / 2
	}
	var upem = font.units_per_em,
	newScale = 1 / upem * curTextSize;
	curContext.scale(newScale, newScale);
	for (var i = 0, len = str.length; i < len; i++) try {
	p.glyphLook(font, str[i]).draw()
	} catch(e) {
	Processing.debug(e)
	}
	restoreContext()
	}
	};
	Drawing3D.prototype.text$line = function(str, x, y, z, align) {
	if (textcanvas === undef) textcanvas = document.createElement("canvas");
	var oldContext = curContext;
	curContext = textcanvas.getContext("2d");
	curContext.font = curTextFont.css;
	var textWidth = curTextFont.measureTextWidth(str);
	textcanvas.width = textWidth;
	textcanvas.height = curTextSize;
	curContext = textcanvas.getContext("2d");
	curContext.font = curTextFont.css;
	curContext.textBaseline = "top";
	Drawing2D.prototype.text$line(str, 0, 0, 0, 37);
	var aspect = textcanvas.width / textcanvas.height;
	curContext = oldContext;
	curContext.bindTexture(curContext.TEXTURE_2D, textTex);
	curContext.texImage2D(curContext.TEXTURE_2D, 0, curContext.RGBA, curContext.RGBA, curContext.UNSIGNED_BYTE, textcanvas);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_MAG_FILTER, curContext.LINEAR);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_MIN_FILTER, curContext.LINEAR);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_WRAP_T, curContext.CLAMP_TO_EDGE);
	curContext.texParameteri(curContext.TEXTURE_2D, curContext.TEXTURE_WRAP_S, curContext.CLAMP_TO_EDGE);
	var xOffset = 0;
	if (align === 39) xOffset = -textWidth;
	else if (align === 3) xOffset = -textWidth / 2;
	var model = new PMatrix3D;
	var scalefactor = curTextSize * 0.5;
	model.translate(x + xOffset - scalefactor / 2, y - scalefactor, z);
	model.scale(-aspect * scalefactor, -scalefactor, scalefactor);
	model.translate(-1, -1, -1);
	model.transpose();
	var view = new PMatrix3D;
	view.scale(1, -1, 1);
	view.apply(modelView.array());
	view.transpose();
	curContext.useProgram(programObject2D);
	vertexAttribPointer("aVertex2d", programObject2D, "aVertex", 3, textBuffer);
	vertexAttribPointer("aTextureCoord2d", programObject2D, "aTextureCoord", 2, textureBuffer);
	uniformi("uSampler2d", programObject2D, "uSampler", [0]);
	uniformi("uIsDrawingText2d", programObject2D, "uIsDrawingText", true);
	uniformMatrix("uModel2d", programObject2D, "uModel", false, model.array());
	uniformMatrix("uView2d", programObject2D, "uView", false, view.array());
	uniformf("uColor2d", programObject2D, "uColor", fillStyle);
	curContext.bindBuffer(curContext.ELEMENT_ARRAY_BUFFER, indexBuffer);
	curContext.drawElements(curContext.TRIANGLES, 6, curContext.UNSIGNED_SHORT, 0)
	};

	function text$4(str, x, y, z) {
	var lines, linesCount;
	if (str.indexOf("\n") < 0) {
	lines = [str];
	linesCount = 1
	} else {
	lines = str.split(/\r?\n/g);
	linesCount = lines.length
	}
	var yOffset = 0;
	if (verticalTextAlignment === 101) yOffset = curTextAscent + curTextDescent;
	else if (verticalTextAlignment === 3) yOffset = curTextAscent / 2 - (linesCount - 1) * curTextLeading / 2;
	else if (verticalTextAlignment === 102) yOffset = -(curTextDescent + (linesCount - 1) * curTextLeading);
	for (var i = 0; i < linesCount; ++i) {
	var line = lines[i];
	drawing.text$line(line, x, y + yOffset, z, horizontalTextAlignment);
	yOffset += curTextLeading
	}
	}
	function text$6(str, x, y, width, height, z) {
	if (str.length === 0 \|\| width === 0 \|\| height === 0) return;
	if (curTextSize > height) return;
	var spaceMark = -1;
	var start = 0;
	var lineWidth = 0;
	var drawCommands = [];
	for (var charPos = 0, len = str.length; charPos < len; charPos++) {
	var currentChar = str[charPos];
	var spaceChar = currentChar === " ";
	var letterWidth = curTextFont.measureTextWidth(currentChar);
	if (currentChar !== "\n" && lineWidth + letterWidth <= width) {
	if (spaceChar) spaceMark = charPos;
	lineWidth += letterWidth
	} else {
	if (spaceMark + 1 === start) if (charPos > 0) spaceMark = charPos;
	else return;
	if (currentChar === "\n") {
	drawCommands.push({
	text: str.substring(start, charPos),
	width: lineWidth
	});
	start = charPos + 1
	} else {
	drawCommands.push({
	text: str.substring(start, spaceMark + 1),
	width: lineWidth
	});
	start = spaceMark + 1
	}
	lineWidth = 0;
	charPos = start - 1
	}
	}
	if (start < len) drawCommands.push({
	text: str.substring(start),
	width: lineWidth
	});
	var xOffset = 1,
	yOffset = curTextAscent;
	if (horizontalTextAlignment === 3) xOffset = width / 2;
	else if (horizontalTextAlignment === 39) xOffset = width;
	var linesCount = drawCommands.length,
	visibleLines = Math.min(linesCount, Math.floor(height / curTextLeading));
	if (verticalTextAlignment === 101) yOffset = curTextAscent + curTextDescent;
	else if (verticalTextAlignment === 3) yOffset = height / 2 - curTextLeading * (visibleLines / 2 - 1);
	else if (verticalTextAlignment === 102) yOffset = curTextDescent + curTextLeading;
	var command, drawCommand, leading;
	for (command = 0; command < linesCount; command++) {
	leading = command * curTextLeading;
	if (yOffset + leading > height - curTextDescent) break;
	drawCommand = drawCommands[command];
	drawing.text$line(drawCommand.text, x + xOffset, y + yOffset + leading, z, horizontalTextAlignment)
	}
	}
	p.text = function() {
	if (textMode === 5) return;
	if (arguments.length === 3) text$4(toP5String(arguments[0]), arguments[1], arguments[2], 0);
	else if (arguments.length === 4) text$4(toP5String(arguments[0]), arguments[1], arguments[2], arguments[3]);
	else if (arguments.length === 5) text$6(toP5String(arguments[0]), arguments[1], arguments[2], arguments[3], arguments[4], 0);
	else if (arguments.length === 6) text$6(toP5String(arguments[0]), arguments[1], arguments[2], arguments[3], arguments[4], arguments[5])
	};
	p.textMode = function(mode) {
	textMode = mode
	};
	p.loadGlyphs = function(url) {
	var x, y, cx, cy, nx, ny, d, a, lastCom, lenC, horiz_adv_x, getXY = "[0-9\\-]+",
	path;
	var regex = function(needle, hay) {
	var i = 0,
	results = [],
	latest, regexp = new RegExp(needle, "g");
	latest = results[i] = regexp.exec(hay);
	while (latest) {
	i++;
	latest = results[i] = regexp.exec(hay)
	}
	return results
	};
	var buildPath = function(d) {
	var c = regex("[A-Za-z][0-9\\- ]+\|Z", d);
	var beforePathDraw = function() {
	saveContext();
	return drawing.$ensureContext()
	};
	var afterPathDraw = function() {
	executeContextFill();
	executeContextStroke();
	restoreContext()
	};
	path = "return {draw:function(){var curContext=beforePathDraw();curContext.beginPath();";
	x = 0;
	y = 0;
	cx = 0;
	cy = 0;
	nx = 0;
	ny = 0;
	d = 0;
	a = 0;
	lastCom = "";
	lenC = c.length - 1;
	for (var j = 0; j < lenC; j++) {
	var com = c[j][0],
	xy = regex(getXY, com);
	switch (com[0]) {
	case "M":
	x = parseFloat(xy[0][0]);
	y = parseFloat(xy[1][0]);
	path += "curContext.moveTo(" + x + "," + -y + ");";
	break;
	case "L":
	x = parseFloat(xy[0][0]);
	y = parseFloat(xy[1][0]);
	path += "curContext.lineTo(" + x + "," + -y + ");";
	break;
	case "H":
	x = parseFloat(xy[0][0]);
	path += "curContext.lineTo(" + x + "," + -y + ");";
	break;
	case "V":
	y = parseFloat(xy[0][0]);
	path += "curContext.lineTo(" + x + "," + -y + ");";
	break;
	case "T":
	nx = parseFloat(xy[0][0]);
	ny = parseFloat(xy[1][0]);
	if (lastCom === "Q" \|\| lastCom === "T") {
	d = Math.sqrt(Math.pow(x - cx, 2) + Math.pow(cy - y, 2));
	a = Math.PI + Math.atan2(cx - x, cy - y);
	cx = x + Math.sin(a) * d;
	cy = y + Math.cos(a) * d
	} else {
	cx = x;
	cy = y
	}
	path += "curContext.quadraticCurveTo(" + cx + "," + -cy + "," + nx + "," + -ny + ");";
	x = nx;
	y = ny;
	break;
	case "Q":
	cx = parseFloat(xy[0][0]);
	cy = parseFloat(xy[1][0]);
	nx = parseFloat(xy[2][0]);
	ny = parseFloat(xy[3][0]);
	path += "curContext.quadraticCurveTo(" + cx + "," + -cy + "," + nx + "," + -ny + ");";
	x = nx;
	y = ny;
	break;
	case "Z":
	path += "curContext.closePath();";
	break
	}
	lastCom = com[0]
	}
	path += "afterPathDraw();";
	path += "curContext.translate(" + horiz_adv_x + ",0);";
	path += "}}";
	return (new Function("beforePathDraw", "afterPathDraw", path))(beforePathDraw, afterPathDraw)
	};
	var parseSVGFont = function(svg) {
	var font = svg.getElementsByTagName("font");
	p.glyphTable[url].horiz_adv_x = font[0].getAttribute("horiz-adv-x");
	var font_face = svg.getElementsByTagName("font-face")[0];
	p.glyphTable[url].units_per_em = parseFloat(font_face.getAttribute("units-per-em"));
	p.glyphTable[url].ascent = parseFloat(font_face.getAttribute("ascent"));
	p.glyphTable[url].descent = parseFloat(font_face.getAttribute("descent"));
	var glyph = svg.getElementsByTagName("glyph"),
	len = glyph.length;
	for (var i = 0; i < len; i++) {
	var unicode = glyph[i].getAttribute("unicode");
	var name = glyph[i].getAttribute("glyph-name");
	horiz_adv_x = glyph[i].getAttribute("horiz-adv-x");
	if (horiz_adv_x === null) horiz_adv_x = p.glyphTable[url].horiz_adv_x;
	d = glyph[i].getAttribute("d");
	if (d !== undef) {
	path = buildPath(d);
	p.glyphTable[url][name] = {
	name: name,
	unicode: unicode,
	horiz_adv_x: horiz_adv_x,
	draw: path.draw
	}
	}
	}
	};
	var loadXML = function() {
	var xmlDoc;
	try {
	xmlDoc = document.implementation.createDocument("", "", null)
	} catch(e_fx_op) {
	Processing.debug(e_fx_op.message);
	return
	}
	try {
	xmlDoc.async = false;
	xmlDoc.load(url);
	parseSVGFont(xmlDoc.getElementsByTagName("svg")[0])
	} catch(e_sf_ch) {
	Processing.debug(e_sf_ch);
	try {
	var xmlhttp = new window.XMLHttpRequest;
	xmlhttp.open("GET", url, false);
	xmlhttp.send(null);
	parseSVGFont(xmlhttp.responseXML.documentElement)
	} catch(e) {
	Processing.debug(e_sf_ch)
	}
	}
	};
	p.glyphTable[url] = {};
	loadXML(url);
	return p.glyphTable[url]
	};
	p.param = function(name) {
	var attributeName = "data-processing-" + name;
	if (curElement.hasAttribute(attributeName)) return curElement.getAttribute(attributeName);
	for (var i = 0, len = curElement.childNodes.length; i < len; ++i) {
	var item = curElement.childNodes.item(i);
	if (item.nodeType !== 1 \|\| item.tagName.toLowerCase() !== "param") continue;
	if (item.getAttribute("name") === name) return item.getAttribute("value")
	}
	if (curSketch.params.hasOwnProperty(name)) return curSketch.params[name];
	return null
	};

	function wireDimensionalFunctions(mode) {
	if (mode === "3D") drawing = new Drawing3D;
	else if (mode === "2D") drawing = new Drawing2D;
	else drawing = new DrawingPre;
	for (var i in DrawingPre.prototype) if (DrawingPre.prototype.hasOwnProperty(i) && i.indexOf("$") < 0) p[i] = drawing[i];
	drawing.$init()
	}
	function createDrawingPreFunction(name) {
	return function() {
	wireDimensionalFunctions("2D");
	return drawing[name].apply(this, arguments)
	}
	}
	DrawingPre.prototype.translate = createDrawingPreFunction("translate");
	DrawingPre.prototype.transform = createDrawingPreFunction("transform");
	DrawingPre.prototype.scale = createDrawingPreFunction("scale");
	DrawingPre.prototype.pushMatrix = createDrawingPreFunction("pushMatrix");
	DrawingPre.prototype.popMatrix = createDrawingPreFunction("popMatrix");
	DrawingPre.prototype.resetMatrix = createDrawingPreFunction("resetMatrix");
	DrawingPre.prototype.applyMatrix = createDrawingPreFunction("applyMatrix");
	DrawingPre.prototype.rotate = createDrawingPreFunction("rotate");
	DrawingPre.prototype.rotateZ = createDrawingPreFunction("rotateZ");
	DrawingPre.prototype.shearX = createDrawingPreFunction("shearX");
	DrawingPre.prototype.shearY = createDrawingPreFunction("shearY");
	DrawingPre.prototype.redraw = createDrawingPreFunction("redraw");
	DrawingPre.prototype.toImageData = createDrawingPreFunction("toImageData");
	DrawingPre.prototype.ambientLight = createDrawingPreFunction("ambientLight");
	DrawingPre.prototype.directionalLight = createDrawingPreFunction("directionalLight");
	DrawingPre.prototype.lightFalloff = createDrawingPreFunction("lightFalloff");
	DrawingPre.prototype.lightSpecular = createDrawingPreFunction("lightSpecular");
	DrawingPre.prototype.pointLight = createDrawingPreFunction("pointLight");
	DrawingPre.prototype.noLights = createDrawingPreFunction("noLights");
	DrawingPre.prototype.spotLight = createDrawingPreFunction("spotLight");
	DrawingPre.prototype.beginCamera = createDrawingPreFunction("beginCamera");
	DrawingPre.prototype.endCamera = createDrawingPreFunction("endCamera");
	DrawingPre.prototype.frustum = createDrawingPreFunction("frustum");
	DrawingPre.prototype.box = createDrawingPreFunction("box");
	DrawingPre.prototype.sphere = createDrawingPreFunction("sphere");
	DrawingPre.prototype.ambient = createDrawingPreFunction("ambient");
	DrawingPre.prototype.emissive = createDrawingPreFunction("emissive");
	DrawingPre.prototype.shininess = createDrawingPreFunction("shininess");
	DrawingPre.prototype.specular = createDrawingPreFunction("specular");
	DrawingPre.prototype.fill = createDrawingPreFunction("fill");
	DrawingPre.prototype.stroke = createDrawingPreFunction("stroke");
	DrawingPre.prototype.strokeWeight = createDrawingPreFunction("strokeWeight");
	DrawingPre.prototype.smooth = createDrawingPreFunction("smooth");
	DrawingPre.prototype.noSmooth = createDrawingPreFunction("noSmooth");
	DrawingPre.prototype.point = createDrawingPreFunction("point");
	DrawingPre.prototype.vertex = createDrawingPreFunction("vertex");
	DrawingPre.prototype.endShape = createDrawingPreFunction("endShape");
	DrawingPre.prototype.bezierVertex = createDrawingPreFunction("bezierVertex");
	DrawingPre.prototype.curveVertex = createDrawingPreFunction("curveVertex");
	DrawingPre.prototype.curve = createDrawingPreFunction("curve");
	DrawingPre.prototype.line = createDrawingPreFunction("line");
	DrawingPre.prototype.bezier = createDrawingPreFunction("bezier");
	DrawingPre.prototype.rect = createDrawingPreFunction("rect");
	DrawingPre.prototype.ellipse = createDrawingPreFunction("ellipse");
	DrawingPre.prototype.background = createDrawingPreFunction("background");
	DrawingPre.prototype.image = createDrawingPreFunction("image");
	DrawingPre.prototype.textWidth = createDrawingPreFunction("textWidth");
	DrawingPre.prototype.text$line = createDrawingPreFunction("text$line");
	DrawingPre.prototype.$ensureContext = createDrawingPreFunction("$ensureContext");
	DrawingPre.prototype.$newPMatrix = createDrawingPreFunction("$newPMatrix");
	DrawingPre.prototype.size = function(aWidth, aHeight, aMode) {
	wireDimensionalFunctions(aMode === 2 ? "3D" : "2D");
	p.size(aWidth, aHeight, aMode)
	};
	DrawingPre.prototype.$init = nop;
	Drawing2D.prototype.$init = function() {
	p.size(p.width, p.height);
	curContext.lineCap = "round";
	p.noSmooth();
	p.disableContextMenu()
	};
	Drawing3D.prototype.$init = function() {
	p.use3DContext = true;
	p.disableContextMenu()
	};
	DrawingShared.prototype.$ensureContext = function() {
	return curContext
	};

	function calculateOffset(curElement, event) {
	var element = curElement,
	offsetX = 0,
	offsetY = 0;
	p.pmouseX = p.mouseX;
	p.pmouseY = p.mouseY;
	if (element.offsetParent) {
	do {
	offsetX += element.offsetLeft;
	offsetY += element.offsetTop
	} while ( !! (element = element.offsetParent))
	}
	element = curElement;
	do {
	offsetX -= element.scrollLeft \|\| 0;
	offsetY -= element.scrollTop \|\| 0
	} while ( !! (element = element.parentNode));
	offsetX += stylePaddingLeft;
	offsetY += stylePaddingTop;
	offsetX += styleBorderLeft;
	offsetY += styleBorderTop;
	offsetX += window.pageXOffset;
	offsetY += window.pageYOffset;
	return {
	"X": offsetX,
	"Y": offsetY
	}
	}
	function updateMousePosition(curElement, event) {
	var offset = calculateOffset(curElement, event);
	p.mouseX = event.pageX - offset.X;
	p.mouseY = event.pageY - offset.Y
	}
	function addTouchEventOffset(t) {
	var offset = calculateOffset(t.changedTouches[0].target, t.changedTouches[0]),
	i;
	for (i = 0; i < t.touches.length; i++) {
	var touch = t.touches[i];
	touch.offsetX = touch.pageX - offset.X;
	touch.offsetY = touch.pageY - offset.Y
	}
	for (i = 0; i < t.targetTouches.length; i++) {
	var targetTouch = t.targetTouches[i];
	targetTouch.offsetX = targetTouch.pageX - offset.X;
	targetTouch.offsetY = targetTouch.pageY - offset.Y
	}
	for (i = 0; i < t.changedTouches.length; i++) {
	var changedTouch = t.changedTouches[i];
	changedTouch.offsetX = changedTouch.pageX - offset.X;
	changedTouch.offsetY = changedTouch.pageY - offset.Y
	}
	return t
	}
	attachEventHandler(curElement, "touchstart", function(t) {
	curElement.setAttribute("style", "-webkit-user-select: none");
	curElement.setAttribute("onclick", "void(0)");
	curElement.setAttribute("style", "-webkit-tap-highlight-color:rgba(0,0,0,0)");
	for (var i = 0, ehl = eventHandlers.length; i < ehl; i++) {
	var type = eventHandlers[i].type;
	if (type === "mouseout" \|\| type === "mousemove" \|\| type === "mousedown" \|\| type === "mouseup" \|\| type === "DOMMouseScroll" \|\| type === "mousewheel" \|\| type === "touchstart") detachEventHandler(eventHandlers[i])
	}
	if (p.touchStart !== undef \|\| p.touchMove !== undef \|\| p.touchEnd !== undef \|\| p.touchCancel !== undef) {
	attachEventHandler(curElement, "touchstart", function(t) {
	if (p.touchStart !== undef) {
	t = addTouchEventOffset(t);
	p.touchStart(t)
	}
	});
	attachEventHandler(curElement, "touchmove", function(t) {
	if (p.touchMove !== undef) {
	t.preventDefault();
	t = addTouchEventOffset(t);
	p.touchMove(t)
	}
	});
	attachEventHandler(curElement, "touchend", function(t) {
	if (p.touchEnd !== undef) {
	t = addTouchEventOffset(t);
	p.touchEnd(t)
	}
	});
	attachEventHandler(curElement, "touchcancel", function(t) {
	if (p.touchCancel !== undef) {
	t = addTouchEventOffset(t);
	p.touchCancel(t)
	}
	})
	} else {
	attachEventHandler(curElement, "touchstart", function(e) {
	updateMousePosition(curElement, e.touches[0]);
	p.__mousePressed = true;
	p.mouseDragging = false;
	p.mouseButton = 37;
	if (typeof p.mousePressed === "function") p.mousePressed()
	});
	attachEventHandler(curElement, "touchmove", function(e) {
	e.preventDefault();
	updateMousePosition(curElement, e.touches[0]);
	if (typeof p.mouseMoved === "function" && !p.__mousePressed) p.mouseMoved();
	if (typeof p.mouseDragged === "function" && p.__mousePressed) {
	p.mouseDragged();
	p.mouseDragging = true
	}
	});
	attachEventHandler(curElement, "touchend", function(e) {
	p.__mousePressed = false;
	if (typeof p.mouseClicked === "function" && !p.mouseDragging) p.mouseClicked();
	if (typeof p.mouseReleased === "function") p.mouseReleased()
	})
	}
	curElement.dispatchEvent(t)
	});
	(function() {
	var enabled = true,
	contextMenu = function(e) {
	e.preventDefault();
	e.stopPropagation()
	};
	p.disableContextMenu = function() {
	if (!enabled) return;
	attachEventHandler(curElement, "contextmenu", contextMenu);
	enabled = false
	};
	p.enableContextMenu = function() {
	if (enabled) return;
	detachEventHandler({
	elem: curElement,
	type: "contextmenu",
	fn: contextMenu
	});
	enabled = true
	}
	})();
	attachEventHandler(curElement, "mousemove", function(e) {
	updateMousePosition(curElement, e);
	if (typeof p.mouseMoved === "function" && !p.__mousePressed) p.mouseMoved();
	if (typeof p.mouseDragged === "function" && p.__mousePressed) {
	p.mouseDragged();
	p.mouseDragging = true
	}
	});
	attachEventHandler(curElement, "mouseout", function(e) {
	if (typeof p.mouseOut === "function") p.mouseOut()
	});
	attachEventHandler(curElement, "mouseover", function(e) {
	updateMousePosition(curElement, e);
	if (typeof p.mouseOver === "function") p.mouseOver()
	});
	curElement.onmousedown = function() {
	curElement.focus();
	return false
	};
	attachEventHandler(curElement, "mousedown", function(e) {
	p.__mousePressed = true;
	p.mouseDragging = false;
	switch (e.which) {
	case 1:
	p.mouseButton = 37;
	break;
	case 2:
	p.mouseButton = 3;
	break;
	case 3:
	p.mouseButton = 39;
	break
	}
	if (typeof p.mousePressed === "function") p.mousePressed()
	});
	attachEventHandler(curElement, "mouseup", function(e) {
	p.__mousePressed = false;
	if (typeof p.mouseClicked === "function" && !p.mouseDragging) p.mouseClicked();
	if (typeof p.mouseReleased === "function") p.mouseReleased()
	});
	var mouseWheelHandler = function(e) {
	var delta = 0;
	if (e.wheelDelta) {
	delta = e.wheelDelta / 120;
	if (window.opera) delta = -delta
	} else if (e.detail) delta = -e.detail / 3;
	p.mouseScroll = delta;
	if (delta && typeof p.mouseScrolled === "function") p.mouseScrolled()
	};
	attachEventHandler(document, "DOMMouseScroll", mouseWheelHandler);
	attachEventHandler(document, "mousewheel", mouseWheelHandler);
	if (!curElement.getAttribute("tabindex")) curElement.setAttribute("tabindex", 0);

	function getKeyCode(e) {
	var code = e.which \|\| e.keyCode;
	switch (code) {
	case 13:
	return 10;
	case 91:
	case 93:
	case 224:
	return 157;
	case 57392:
	return 17;
	case 46:
	return 127;
	case 45:
	return 155
	}
	return code
	}
	function getKeyChar(e) {
	var c = e.which \|\| e.keyCode;
	var anyShiftPressed = e.shiftKey \|\| e.ctrlKey \|\| e.altKey \|\| e.metaKey;
	switch (c) {
	case 13:
	c = anyShiftPressed ? 13 : 10;
	break;
	case 8:
	c = anyShiftPressed ? 127 : 8;
	break
	}
	return new Char(c)
	}
	function suppressKeyEvent(e) {
	if (typeof e.preventDefault === "function") e.preventDefault();
	else if (typeof e.stopPropagation === "function") e.stopPropagation();
	return false
	}
	function updateKeyPressed() {
	var ch;
	for (ch in pressedKeysMap) if (pressedKeysMap.hasOwnProperty(ch)) {
	p.__keyPressed = true;
	return
	}
	p.__keyPressed = false
	}
	function resetKeyPressed() {
	p.__keyPressed = false;
	pressedKeysMap = [];
	lastPressedKeyCode = null
	}
	function simulateKeyTyped(code, c) {
	pressedKeysMap[code] = c;
	lastPressedKeyCode = null;
	p.key = c;
	p.keyCode = code;
	p.keyPressed();
	p.keyCode = 0;
	p.keyTyped();
	updateKeyPressed()
	}
	function handleKeydown(e) {
	var code = getKeyCode(e);
	if (code === 127) {
	simulateKeyTyped(code, new Char(127));
	return
	}
	if (codedKeys.indexOf(code) < 0) {
	lastPressedKeyCode = code;
	return
	}
	var c = new Char(65535);
	p.key = c;
	p.keyCode = code;
	pressedKeysMap[code] = c;
	p.keyPressed();
	lastPressedKeyCode = null;
	updateKeyPressed();
	return suppressKeyEvent(e)
	}
	function handleKeypress(e) {
	if (lastPressedKeyCode === null) return;
	var code = lastPressedKeyCode,
	c = getKeyChar(e);
	simulateKeyTyped(code, c);
	return suppressKeyEvent(e)
	}
	function handleKeyup(e) {
	var code = getKeyCode(e),
	c = pressedKeysMap[code];
	if (c === undef) return;
	p.key = c;
	p.keyCode = code;
	p.keyReleased();
	delete pressedKeysMap[code];
	updateKeyPressed()
	}
	if (!pgraphicsMode) {
	if (aCode instanceof Processing.Sketch) curSketch = aCode;
	else if (typeof aCode === "function") curSketch = new Processing.Sketch(aCode);
	else if (!aCode) curSketch = new Processing.Sketch(function() {});
	else curSketch = Processing.compile(aCode);
	p.externals.sketch = curSketch;
	wireDimensionalFunctions();
	curElement.onfocus = function() {
	p.focused = true
	};
	curElement.onblur = function() {
	p.focused = false;
	if (!curSketch.options.globalKeyEvents) resetKeyPressed()
	};
	if (curSketch.options.pauseOnBlur) {
	attachEventHandler(window, "focus", function() {
	if (doLoop) p.loop()
	});
	attachEventHandler(window, "blur", function() {
	if (doLoop && loopStarted) {
	p.noLoop();
	doLoop = true
	}
	resetKeyPressed()
	})
	}
	var keyTrigger = curSketch.options.globalKeyEvents ? window : curElement;
	attachEventHandler(keyTrigger, "keydown", handleKeydown);
	attachEventHandler(keyTrigger, "keypress", handleKeypress);
	attachEventHandler(keyTrigger, "keyup", handleKeyup);
	for (var i in Processing.lib) if (Processing.lib.hasOwnProperty(i)) if (Processing.lib[i].hasOwnProperty("attach")) Processing.lib[i].attach(p);
	else if (Processing.lib[i] instanceof Function) Processing.lib[i].call(this);
	var retryInterval = 100;
	var executeSketch = function(processing) {
	if (! (curSketch.imageCache.pending \|\| PFont.preloading.pending(retryInterval))) {
	if (window.opera) {
	var link, element, operaCache = curSketch.imageCache.operaCache;
	for (link in operaCache) if (operaCache.hasOwnProperty(link)) {
	element = operaCache[link];
	if (element !== null) document.body.removeChild(element);
	delete operaCache[link]
	}
	}
	curSketch.attach(processing, defaultScope);
	curSketch.onLoad(processing);
	if (processing.setup) {
	processing.setup();
	processing.resetMatrix();
	curSketch.onSetup()
	}
	resetContext();
	if (processing.draw) if (!doLoop) processing.redraw();
	else processing.loop()
	} else window.setTimeout(function() {
	executeSketch(processing)
	},
	retryInterval)
	};
	addInstance(this);
	executeSketch(p)
	} else {
	curSketch = new Processing.Sketch;
	wireDimensionalFunctions();
	p.size = function(w, h, render) {
	if (render && render === 2) wireDimensionalFunctions("3D");
	else wireDimensionalFunctions("2D");
	p.size(w, h, render)
	}
	}
	};
	Processing.debug = debug;
	Processing.prototype = defaultScope;

	function getGlobalMembers() {
	var names = ["abs", "acos", "alpha", "ambient", "ambientLight", "append",
	"applyMatrix", "arc", "arrayCopy", "asin", "atan", "atan2", "background", "beginCamera", "beginDraw", "beginShape", "bezier", "bezierDetail", "bezierPoint", "bezierTangent", "bezierVertex", "binary", "blend", "blendColor", "blit_resize", "blue", "box", "breakShape", "brightness", "camera", "ceil", "Character", "color", "colorMode", "concat", "constrain", "copy", "cos", "createFont", "createGraphics", "createImage", "cursor", "curve", "curveDetail", "curvePoint", "curveTangent", "curveTightness", "curveVertex", "day", "degrees", "directionalLight",
	"disableContextMenu", "dist", "draw", "ellipse", "ellipseMode", "emissive", "enableContextMenu", "endCamera", "endDraw", "endShape", "exit", "exp", "expand", "externals", "fill", "filter", "floor", "focused", "frameCount", "frameRate", "frustum", "get", "glyphLook", "glyphTable", "green", "height", "hex", "hint", "hour", "hue", "image", "imageMode", "intersect", "join", "key", "keyCode", "keyPressed", "keyReleased", "keyTyped", "lerp", "lerpColor", "lightFalloff", "lights", "lightSpecular", "line", "link", "loadBytes", "loadFont", "loadGlyphs",
	"loadImage", "loadPixels", "loadShape", "loadXML", "loadStrings", "log", "loop", "mag", "map", "match", "matchAll", "max", "millis", "min", "minute", "mix", "modelX", "modelY", "modelZ", "modes", "month", "mouseButton", "mouseClicked", "mouseDragged", "mouseMoved", "mouseOut", "mouseOver", "mousePressed", "mouseReleased", "mouseScroll", "mouseScrolled", "mouseX", "mouseY", "name", "nf", "nfc", "nfp", "nfs", "noCursor", "noFill", "noise", "noiseDetail", "noiseSeed", "noLights", "noLoop", "norm", "normal", "noSmooth", "noStroke", "noTint", "ortho",
	"param", "parseBoolean", "parseByte", "parseChar", "parseFloat", "parseInt", "peg", "perspective", "PImage", "pixels", "PMatrix2D", "PMatrix3D", "PMatrixStack", "pmouseX", "pmouseY", "point", "pointLight", "popMatrix", "popStyle", "pow", "print", "printCamera", "println", "printMatrix", "printProjection", "PShape", "PShapeSVG", "pushMatrix", "pushStyle", "quad", "radians", "random", "Random", "randomSeed", "rect", "rectMode", "red", "redraw", "requestImage", "resetMatrix", "reverse", "rotate", "rotateX", "rotateY", "rotateZ", "round", "saturation",
	"save", "saveFrame", "saveStrings", "scale", "screenX", "screenY", "screenZ", "second", "set", "setup", "shape", "shapeMode", "shared", "shearX", "shearY", "shininess", "shorten", "sin", "size", "smooth", "sort", "specular", "sphere", "sphereDetail", "splice", "split", "splitTokens", "spotLight", "sq", "sqrt", "status", "str", "stroke", "strokeCap", "strokeJoin", "strokeWeight", "subset", "tan", "text", "textAlign", "textAscent", "textDescent", "textFont", "textLeading", "textMode", "textSize", "texture", "textureMode", "textWidth", "tint", "toImageData",
	"touchCancel", "touchEnd", "touchMove", "touchStart", "translate", "transform", "triangle", "trim", "unbinary", "unhex", "updatePixels", "use3DContext", "vertex", "width", "XMLElement", "XML", "year", "__contains", "__equals", "__equalsIgnoreCase", "__frameRate", "__hashCode", "__int_cast", "__instanceof", "__keyPressed", "__mousePressed", "__printStackTrace", "__replace", "__replaceAll", "__replaceFirst", "__toCharArray", "__split", "__codePointAt", "__startsWith", "__endsWith", "__matches"];
	var members = {};
	var i, l;
	for (i = 0, l = names.length; i < l; ++i) members[names[i]] = null;
	for (var lib in Processing.lib) if (Processing.lib.hasOwnProperty(lib)) if (Processing.lib[lib].exports) {
	var exportedNames = Processing.lib[lib].exports;
	for (i = 0, l = exportedNames.length; i < l; ++i) members[exportedNames[i]] = null
	}
	return members
	}
	function parseProcessing(code) {
	var globalMembers = getGlobalMembers();

	function splitToAtoms(code) {
	var atoms = [];
	var items = code.split(/([\{\[\]\}])/);
	var result = items[0];
	var stack = [];
	for (var i = 1; i < items.length; i += 2) {
	var item = items[i];
	if (item === "[" \|\| item === "{" \|\| item === "(") {
	stack.push(result);
	result = item
	} else if (item === "]" \|\| item === "}" \|\| item === ")") {
	var kind = item === "}" ? "A" : item === ")" ? "B" : "C";
	var index = atoms.length;
	atoms.push(result + item);
	result = stack.pop() + '"' + kind + (index + 1) + '"'
	}
	result += items[i + 1]
	}
	atoms.unshift(result);
	return atoms
	}
	function injectStrings(code, strings) {
	return code.replace(/'(\d+)'/g, function(all, index) {
	var val = strings[index];
	if (val.charAt(0) === "/") return val;
	return /^'((?:[^'\\\n])\|(?:\\.[0-9A-Fa-f]*))'$/.test(val) ? "(new $p.Character(" + val + "))" : val
	})
	}
	function trimSpaces(string) {
	var m1 = /^\s*/.exec(string),
	result;
	if (m1[0].length === string.length) result = {
	left: m1[0],
	middle: "",
	right: ""
	};
	else {
	var m2 = /\s*$/.exec(string);
	result = {
	left: m1[0],
	middle: string.substring(m1[0].length, m2.index),
	right: m2[0]
	}
	}
	result.untrim = function(t) {
	return this.left + t + this.right
	};
	return result
	}
	function trim(string) {
	return string.replace(/^\s+/, "").replace(/\s+$/, "")
	}
	function appendToLookupTable(table, array) {
	for (var i = 0, l = array.length; i < l; ++i) table[array[i]] = null;
	return table
	}
	function isLookupTableEmpty(table) {
	for (var i in table) if (table.hasOwnProperty(i)) return false;
	return true
	}
	function getAtomIndex(templ) {
	return templ.substring(2, templ.length - 1)
	}
	var codeWoExtraCr = code.replace(/\r\n?\|\n\r/g, "\n");
	var strings = [];
	var codeWoStrings = codeWoExtraCr.replace(/("(?:[^"\\\n]\|\\.)")\|('(?:[^'\\\n]\|\\.)')\|(([\[\(=\|&!\^:?]\s)(\/(?![\/])(?:[^\/\\\n]\|\\.)\/[gim])\b)\|(\/\/[^\n]\n)\|(\/\(?:(?!\\/)(?:.\|\n))\*\/)/g, function(all, quoted, aposed, regexCtx, prefix, regex, singleComment, comment) {
	var index;
	if (quoted \|\| aposed) {
	index = strings.length;
	strings.push(all);
	return "'" + index + "'"
	}
	if (regexCtx) {
	index = strings.length;
	strings.push(regex);
	return prefix + "'" + index + "'"
	}
	return comment !== "" ? " " : "\n"
	});
	codeWoStrings = codeWoStrings.replace(/__x([0-9A-F]{4})/g, function(all, hexCode) {
	return "__x005F_x" + hexCode
	});
	codeWoStrings = codeWoStrings.replace(/\$/g, "__x0024");
	var genericsWereRemoved;
	var codeWoGenerics = codeWoStrings;
	var replaceFunc = function(all, before, types, after) {
	if ( !! before \|\| !!after) return all;
	genericsWereRemoved = true;
	return ""
	};
	do {
	genericsWereRemoved = false;
	codeWoGenerics = codeWoGenerics.replace(/([<]?)<\s((?:\?\|[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b))(?:\[\])(?:\s+(?:extends\|super)\s+[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b))?(?:\s,\s(?:\?\|[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b))(?:\[\])(?:\s+(?:extends\|super)\s+[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b))?))\s*>([=]?)/g, replaceFunc)
	} while (genericsWereRemoved);
	var atoms = splitToAtoms(codeWoGenerics);
	var replaceContext;
	var declaredClasses = {},
	currentClassId, classIdSeed = 0;

	function addAtom(text, type) {
	var lastIndex = atoms.length;
	atoms.push(text);
	return '"' + type + lastIndex + '"'
	}
	function generateClassId() {
	return "class" + ++classIdSeed
	}
	function appendClass(class_, classId, scopeId) {
	class_.classId = classId;
	class_.scopeId = scopeId;
	declaredClasses[classId] = class_
	}
	var transformClassBody, transformInterfaceBody, transformStatementsBlock, transformStatements, transformMain, transformExpression;
	var classesRegex = /\b((?:(?:public\|private\|final\|protected\|static\|abstract)\s+))(class\|interface)\s+([A-Za-z_$][\w$]\b)(\s+extends\s+[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)(?:\s,\s[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)\b))?(\s+implements\s+[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)(?:\s,\s[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)\b))?\s*("A\d+")/g;
	var methodsRegex = /\b((?:(?:public\|private\|final\|protected\|static\|abstract\|synchronized)\s+))((?!(?:else\|new\|return\|throw\|function\|public\|private\|protected)\b)[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)(?:\s"C\d+"))\s([A-Za-z_$][\w$]\b)\s("B\d+")(\sthrows\s+[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)(?:\s,\s[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)))?\s("A\d+"\|;)/g;
	var fieldTest = /^((?:(?:public\|private\|final\|protected\|static)\s+))((?!(?:else\|new\|return\|throw)\b)[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)(?:\s"C\d+"))\s([A-Za-z_$][\w$]\b)\s(?:"C\d+"\s)*([=,]\|$)/;
	var cstrsRegex = /\b((?:(?:public\|private\|final\|protected\|static\|abstract)\s+))((?!(?:new\|return\|throw)\b)[A-Za-z_$][\w$]\b)\s("B\d+")(\sthrows\s+[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)(?:\s,\s[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)))?\s("A\d+")/g;
	var attrAndTypeRegex = /^((?:(?:public\|private\|final\|protected\|static)\s+))((?!(?:new\|return\|throw)\b)[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)(?:\s"C\d+"))\s*/;
	var functionsRegex = /\bfunction(?:\s+([A-Za-z_$][\w$]))?\s("B\d+")\s*("A\d+")/g;

	function extractClassesAndMethods(code) {
	var s = code;
	s = s.replace(classesRegex, function(all) {
	return addAtom(all, "E")
	});
	s = s.replace(methodsRegex, function(all) {
	return addAtom(all, "D")
	});
	s = s.replace(functionsRegex, function(all) {
	return addAtom(all, "H")
	});
	return s
	}
	function extractConstructors(code, className) {
	var result = code.replace(cstrsRegex, function(all, attr, name, params, throws_, body) {
	if (name !== className) return all;
	return addAtom(all, "G")
	});
	return result
	}
	function AstParam(name) {
	this.name = name
	}
	AstParam.prototype.toString = function() {
	return this.name
	};

	function AstParams(params, methodArgsParam) {
	this.params = params;
	this.methodArgsParam = methodArgsParam
	}
	AstParams.prototype.getNames = function() {
	var names = [];
	for (var i = 0, l = this.params.length; i < l; ++i) names.push(this.params[i].name);
	return names
	};
	AstParams.prototype.prependMethodArgs = function(body) {
	if (!this.methodArgsParam) return body;
	return "{\nvar " + this.methodArgsParam.name + " = Array.prototype.slice.call(arguments, " + this.params.length + ");\n" + body.substring(1)
	};
	AstParams.prototype.toString = function() {
	if (this.params.length === 0) return "()";
	var result = "(";
	for (var i = 0, l = this.params.length; i < l; ++i) result += this.params[i] + ", ";
	return result.substring(0, result.length - 2) + ")"
	};

	function transformParams(params) {
	var paramsWoPars = trim(params.substring(1, params.length - 1));
	var result = [],
	methodArgsParam = null;
	if (paramsWoPars !== "") {
	var paramList = paramsWoPars.split(",");
	for (var i = 0; i < paramList.length; ++i) {
	var param = /\b([A-Za-z_$][\w$]\b)(\s"[ABC][\d]")\s*$/.exec(paramList[i]);
	if (i === paramList.length - 1 && paramList[i].indexOf("...") >= 0) {
	methodArgsParam = new AstParam(param[1]);
	break
	}
	result.push(new AstParam(param[1]))
	}
	}
	return new AstParams(result, methodArgsParam)
	}
	function preExpressionTransform(expr) {
	var s = expr;
	s = s.replace(/\bnew\s+([A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b))(?:\s"C\d+")+\s*("A\d+")/g, function(all, type, init) {
	return init
	});
	s = s.replace(/\bnew\s+([A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b))(?:\s"B\d+")\s*("A\d+")/g, function(all, type, init) {
	return addAtom(all, "F")
	});
	s = s.replace(functionsRegex, function(all) {
	return addAtom(all, "H")
	});
	s = s.replace(/\bnew\s+([A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b))\s("C\d+"(?:\s"C\d+"))/g, function(all, type, index) {
	var args = index.replace(/"C(\d+)"/g, function(all, j) {
	return atoms[j]
	}).replace(/\[\s\]/g, "[null]").replace(/\s\]\s\[\s/g, ", ");
	var arrayInitializer = "{" + args.substring(1, args.length - 1) + "}";
	var createArrayArgs = "('" + type + "', " + addAtom(arrayInitializer, "A") + ")";
	return "$p.createJavaArray" + addAtom(createArrayArgs, "B")
	});
	s = s.replace(/(\.\slength)\s"B\d+"/g, "$1");
	s = s.replace(/#([0-9A-Fa-f]{6})\b/g, function(all, digits) {
	return "0xFF" + digits
	});
	s = s.replace(/"B(\d+)"(\s*(?:[\w$']\|"B))/g, function(all, index, next) {
	var atom = atoms[index];
	if (!/^$\s[A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b)\s(?:"C\d+"\s)*$$/.test(atom)) return all;
	if (/^$\sint\s$$/.test(atom)) return "(int)" + next;
	var indexParts = atom.split(/"C(\d+)"/g);
	if (indexParts.length > 1) if (!/^\[\s*\]$/.test(atoms[indexParts[1]])) return all;
	return "" + next
	});
	s = s.replace(/$int$([^,\]\)\}\?\:\*\+\-\/\^\\|\%\&\~<\>\=]+)/g, function(all, arg) {
	var trimmed = trimSpaces(arg);
	return trimmed.untrim("__int_cast(" + trimmed.middle + ")")
	});
	s = s.replace(/\bsuper(\s"B\d+")/g, "$$superCstr$1").replace(/\bsuper(\s\.)/g, "$$super$1");
	s = s.replace(/\b0+((\d)(?:\.[\d])?(?:[eE][\-\+]?\d+)?[fF]?)\b/, function(all, numberWo0, intPart) {
	if (numberWo0 === intPart) return all;
	return intPart === "" ? "0" + numberWo0 : numberWo0
	});
	s = s.replace(/\b(\.?\d+\.?)[fF]\b/g, "$1");
	s = s.replace(/([^\s])%([^=\s])/g, "$1 % $2");
	s = s.replace(/\b(frameRate\|keyPressed\|mousePressed)\b(?!\s*"B)/g, "__$1");
	s = s.replace(/\b(boolean\|byte\|char\|float\|int)\s*"B/g, function(all, name) {
	return "parse" + name.substring(0, 1).toUpperCase() + name.substring(1) + '"B'
	});
	s = s.replace(/\bpixels\b\s(("C(\d+)")\|\.length)?(\s=(?!=)([^,\]\)\}]+))?/g, function(all, indexOrLength, index, atomIndex, equalsPart, rightSide) {
	if (index) {
	var atom = atoms[atomIndex];
	if (equalsPart) return "pixels.setPixel" + addAtom("(" + atom.substring(1, atom.length - 1) + "," + rightSide + ")", "B");
	return "pixels.getPixel" + addAtom("(" + atom.substring(1, atom.length - 1) + ")", "B")
	}
	if (indexOrLength) return "pixels.getLength" + addAtom("()", "B");
	if (equalsPart) return "pixels.set" + addAtom("(" + rightSide + ")", "B");
	return "pixels.toArray" + addAtom("()", "B")
	});
	var repeatJavaReplacement;

	function replacePrototypeMethods(all, subject, method, atomIndex) {
	var atom = atoms[atomIndex];
	repeatJavaReplacement = true;
	var trimmed = trimSpaces(atom.substring(1, atom.length - 1));
	return "__" + method + (trimmed.middle === "" ? addAtom("(" + subject.replace(/\.\s$/, "") + ")", "B") : addAtom("(" + subject.replace(/\.\s$/, "") + "," + trimmed.middle + ")", "B"))
	}
	do {
	repeatJavaReplacement = false;
	s = s.replace(/((?:'\d+'\|\b[A-Za-z_$][\w$]\s(?:"[BC]\d+"))\s\.\s(?:[A-Za-z_$][\w$]\s(?:"[BC]\d+"\s)\.\s))(replace\|replaceAll\|replaceFirst\|contains\|equals\|equalsIgnoreCase\|hashCode\|toCharArray\|printStackTrace\|split\|startsWith\|endsWith\|codePointAt\|matches)\s"B(\d+)"/g, replacePrototypeMethods)
	} while (repeatJavaReplacement);

	function replaceInstanceof(all, subject, type) {
	repeatJavaReplacement = true;
	return "__instanceof" + addAtom("(" + subject + ", " + type + ")", "B")
	}
	do {
	repeatJavaReplacement = false;
	s = s.replace(/((?:'\d+'\|\b[A-Za-z_$][\w$]\s(?:"[BC]\d+"))\s(?:\.\s[A-Za-z_$][\w$]\s(?:"[BC]\d+"\s)))instanceof\s+([A-Za-z_$][\w$]\s(?:\.\s[A-Za-z_$][\w$])*)/g, replaceInstanceof)
	} while (repeatJavaReplacement);
	s = s.replace(/\bthis(\s*"B\d+")/g, "$$constr$1");
	return s
	}
	function AstInlineClass(baseInterfaceName, body) {
	this.baseInterfaceName = baseInterfaceName;
	this.body = body;
	body.owner = this
	}
	AstInlineClass.prototype.toString = function() {
	return "new (" + this.body + ")"
	};

	function transformInlineClass(class_) {
	var m = (new RegExp(/\bnew\s([A-Za-z_$][\w$]\s(?:\.\s[A-Za-z_$][\w$]))\s"B\d+"\s"A(\d+)"/)).exec(class_);
	var oldClassId = currentClassId,
	newClassId = generateClassId();
	currentClassId = newClassId;
	var uniqueClassName = m[1] + "$" + newClassId;
	var inlineClass = new AstInlineClass(uniqueClassName, transformClassBody(atoms[m[2]], uniqueClassName, "", "implements " + m[1]));
	appendClass(inlineClass, newClassId, oldClassId);
	currentClassId = oldClassId;
	return inlineClass
	}

	function AstFunction(name, params, body) {
	this.name = name;
	this.params = params;
	this.body = body
	}
	AstFunction.prototype.toString = function() {
	var oldContext = replaceContext;
	var names = appendToLookupTable({
	"this": null
	},
	this.params.getNames());
	replaceContext = function(subject) {
	return names.hasOwnProperty(subject.name) ? subject.name : oldContext(subject)
	};
	var result = "function";
	if (this.name) result += " " + this.name;
	var body = this.params.prependMethodArgs(this.body.toString());
	result += this.params + " " + body;
	replaceContext = oldContext;
	return result
	};

	function transformFunction(class_) {
	var m = (new RegExp(/\b([A-Za-z_$][\w$])\s"B(\d+)"\s*"A(\d+)"/)).exec(class_);
	return new AstFunction(m[1] !== "function" ? m[1] : null, transformParams(atoms[m[2]]), transformStatementsBlock(atoms[m[3]]))
	}
	function AstInlineObject(members) {
	this.members = members
	}
	AstInlineObject.prototype.toString = function() {
	var oldContext = replaceContext;
	replaceContext = function(subject) {
	return subject.name === "this" ? "this" : oldContext(subject)
	};
	var result = "";
	for (var i = 0, l = this.members.length; i < l; ++i) {
	if (this.members[i].label) result += this.members[i].label + ": ";
	result += this.members[i].value.toString() + ", "
	}
	replaceContext = oldContext;
	return result.substring(0, result.length - 2)
	};

	function transformInlineObject(obj) {
	var members = obj.split(",");
	for (var i = 0; i < members.length; ++i) {
	var label = members[i].indexOf(":");
	if (label < 0) members[i] = {
	value: transformExpression(members[i])
	};
	else members[i] = {
	label: trim(members[i].substring(0, label)),
	value: transformExpression(trim(members[i].substring(label + 1)))
	}
	}
	return new AstInlineObject(members)
	}

	function expandExpression(expr) {
	if (expr.charAt(0) === "(" \|\| expr.charAt(0) === "[") return expr.charAt(0) + expandExpression(expr.substring(1, expr.length - 1)) + expr.charAt(expr.length - 1);
	if (expr.charAt(0) === "{") {
	if (/^\{\s(?:[A-Za-z_$][\w$]\|'\d+')\s*:/.test(expr)) return "{" + addAtom(expr.substring(1, expr.length - 1), "I") + "}";
	return "[" + expandExpression(expr.substring(1, expr.length - 1)) + "]"
	}
	var trimmed = trimSpaces(expr);
	var result = preExpressionTransform(trimmed.middle);
	result = result.replace(/"[ABC](\d+)"/g, function(all, index) {
	return expandExpression(atoms[index])
	});
	return trimmed.untrim(result)
	}
	function replaceContextInVars(expr) {
	return expr.replace(/(\.\s)?((?:\b[A-Za-z_]\|\$)[\w$])(\s\.\s([A-Za-z_$][\w$])(\s\()?)?/g, function(all, memberAccessSign, identifier, suffix, subMember, callSign) {
	if (memberAccessSign) return all;
	var subject = {
	name: identifier,
	member: subMember,
	callSign: !!callSign
	};
	return replaceContext(subject) + (suffix === undef ? "" : suffix)
	})
	}
	function AstExpression(expr, transforms) {
	this.expr = expr;
	this.transforms = transforms
	}
	AstExpression.prototype.toString = function() {
	var transforms = this.transforms;
	var expr = replaceContextInVars(this.expr);
	return expr.replace(/"!(\d+)"/g, function(all, index) {
	return transforms[index].toString()
	})
	};
	transformExpression = function(expr) {
	var transforms = [];
	var s = expandExpression(expr);
	s = s.replace(/"H(\d+)"/g, function(all, index) {
	transforms.push(transformFunction(atoms[index]));
	return '"!' + (transforms.length - 1) + '"'
	});
	s = s.replace(/"F(\d+)"/g, function(all, index) {
	transforms.push(transformInlineClass(atoms[index]));
	return '"!' + (transforms.length - 1) + '"'
	});
	s = s.replace(/"I(\d+)"/g, function(all, index) {
	transforms.push(transformInlineObject(atoms[index]));
	return '"!' + (transforms.length - 1) + '"'
	});
	return new AstExpression(s, transforms)
	};

	function AstVarDefinition(name, value, isDefault) {
	this.name = name;
	this.value = value;
	this.isDefault = isDefault
	}
	AstVarDefinition.prototype.toString = function() {
	return this.name + " = " + this.value
	};

	function transformVarDefinition(def, defaultTypeValue) {
	var eqIndex = def.indexOf("=");
	var name, value, isDefault;
	if (eqIndex < 0) {
	name = def;
	value = defaultTypeValue;
	isDefault = true
	} else {
	name = def.substring(0, eqIndex);
	value = transformExpression(def.substring(eqIndex + 1));
	isDefault = false
	}
	return new AstVarDefinition(trim(name.replace(/(\s*"C\d+")+/g, "")), value, isDefault)
	}
	function getDefaultValueForType(type) {
	if (type === "int" \|\| type === "float") return "0";
	if (type === "boolean") return "false";
	if (type === "color") return "0x00000000";
	return "null"
	}
	function AstVar(definitions, varType) {
	this.definitions = definitions;
	this.varType = varType
	}
	AstVar.prototype.getNames = function() {
	var names = [];
	for (var i = 0, l = this.definitions.length; i < l; ++i) names.push(this.definitions[i].name);
	return names
	};
	AstVar.prototype.toString = function() {
	return "var " + this.definitions.join(",")
	};

	function AstStatement(expression) {
	this.expression = expression
	}
	AstStatement.prototype.toString = function() {
	return this.expression.toString()
	};

	function transformStatement(statement) {
	if (fieldTest.test(statement)) {
	var attrAndType = attrAndTypeRegex.exec(statement);
	var definitions = statement.substring(attrAndType[0].length).split(",");
	var defaultTypeValue = getDefaultValueForType(attrAndType[2]);
	for (var i = 0; i < definitions.length; ++i) definitions[i] = transformVarDefinition(definitions[i], defaultTypeValue);
	return new AstVar(definitions, attrAndType[2])
	}
	return new AstStatement(transformExpression(statement))
	}
	function AstForExpression(initStatement, condition, step) {
	this.initStatement = initStatement;
	this.condition = condition;
	this.step = step
	}
	AstForExpression.prototype.toString = function() {
	return "(" + this.initStatement + "; " + this.condition + "; " + this.step + ")"
	};

	function AstForInExpression(initStatement, container) {
	this.initStatement = initStatement;
	this.container = container
	}
	AstForInExpression.prototype.toString = function() {
	var init = this.initStatement.toString();
	if (init.indexOf("=") >= 0) init = init.substring(0, init.indexOf("="));
	return "(" + init + " in " + this.container + ")"
	};

	function AstForEachExpression(initStatement, container) {
	this.initStatement = initStatement;
	this.container = container
	}
	AstForEachExpression.iteratorId = 0;
	AstForEachExpression.prototype.toString = function() {
	var init = this.initStatement.toString();
	var iterator = "$it" + AstForEachExpression.iteratorId++;
	var variableName = init.replace(/^\svar\s/, "").split("=")[0];
	var initIteratorAndVariable = "var " + iterator + " = new $p.ObjectIterator(" + this.container + "), " + variableName + " = void(0)";
	var nextIterationCondition = iterator + ".hasNext() && ((" + variableName + " = " + iterator + ".next()) \|\| true)";
	return "(" + initIteratorAndVariable + "; " + nextIterationCondition + ";)"
	};

	function transformForExpression(expr) {
	var content;
	if (/\bin\b/.test(expr)) {
	content = expr.substring(1, expr.length - 1).split(/\bin\b/g);
	return new AstForInExpression(transformStatement(trim(content[0])), transformExpression(content[1]))
	}
	if (expr.indexOf(":") >= 0 && expr.indexOf(";") < 0) {
	content = expr.substring(1, expr.length - 1).split(":");
	return new AstForEachExpression(transformStatement(trim(content[0])), transformExpression(content[1]))
	}
	content = expr.substring(1, expr.length - 1).split(";");
	return new AstForExpression(transformStatement(trim(content[0])), transformExpression(content[1]), transformExpression(content[2]))
	}

	function sortByWeight(array) {
	array.sort(function(a, b) {
	return b.weight - a.weight
	})
	}
	function AstInnerInterface(name, body, isStatic) {
	this.name = name;
	this.body = body;
	this.isStatic = isStatic;
	body.owner = this
	}
	AstInnerInterface.prototype.toString = function() {
	return "" + this.body
	};

	function AstInnerClass(name, body, isStatic) {
	this.name = name;
	this.body = body;
	this.isStatic = isStatic;
	body.owner = this
	}
	AstInnerClass.prototype.toString = function() {
	return "" + this.body
	};

	function transformInnerClass(class_) {
	var m = classesRegex.exec(class_);
	classesRegex.lastIndex = 0;
	var isStatic = m[1].indexOf("static") >= 0;
	var body = atoms[getAtomIndex(m[6])],
	innerClass;
	var oldClassId = currentClassId,
	newClassId = generateClassId();
	currentClassId = newClassId;
	if (m[2] === "interface") innerClass = new AstInnerInterface(m[3], transformInterfaceBody(body, m[3], m[4]), isStatic);
	else innerClass = new AstInnerClass(m[3], transformClassBody(body, m[3], m[4], m[5]), isStatic);
	appendClass(innerClass, newClassId, oldClassId);
	currentClassId = oldClassId;
	return innerClass
	}
	function AstClassMethod(name, params, body, isStatic) {
	this.name = name;
	this.params = params;
	this.body = body;
	this.isStatic = isStatic
	}
	AstClassMethod.prototype.toString = function() {
	var paramNames = appendToLookupTable({},
	this.params.getNames());
	var oldContext = replaceContext;
	replaceContext = function(subject) {
	return paramNames.hasOwnProperty(subject.name) ? subject.name : oldContext(subject)
	};
	var body = this.params.prependMethodArgs(this.body.toString());
	var result = "function " + this.methodId + this.params + " " + body + "\n";
	replaceContext = oldContext;
	return result
	};

	function transformClassMethod(method) {
	var m = methodsRegex.exec(method);
	methodsRegex.lastIndex = 0;
	var isStatic = m[1].indexOf("static") >= 0;
	var body = m[6] !== ";" ? atoms[getAtomIndex(m[6])] : "{}";
	return new AstClassMethod(m[3], transformParams(atoms[getAtomIndex(m[4])]), transformStatementsBlock(body), isStatic)
	}
	function AstClassField(definitions, fieldType, isStatic) {
	this.definitions = definitions;
	this.fieldType = fieldType;
	this.isStatic = isStatic
	}
	AstClassField.prototype.getNames = function() {
	var names = [];
	for (var i = 0, l = this.definitions.length; i < l; ++i) names.push(this.definitions[i].name);
	return names
	};
	AstClassField.prototype.toString = function() {
	var thisPrefix = replaceContext({
	name: "[this]"
	});
	if (this.isStatic) {
	var className = this.owner.name;
	var staticDeclarations = [];
	for (var i = 0, l = this.definitions.length; i < l; ++i) {
	var definition = this.definitions[i];
	var name = definition.name,
	staticName = className + "." + name;
	var declaration = "if(" + staticName + " === void(0)) {\n" + " " + staticName + " = " + definition.value + "; }\n" + "$p.defineProperty(" + thisPrefix + ", " + "'" + name + "', { get: function(){return " + staticName + ";}, " + "set: function(val){" + staticName + " = val;} });\n";
	staticDeclarations.push(declaration)
	}
	return staticDeclarations.join("")
	}
	return thisPrefix + "." + this.definitions.join("; " + thisPrefix + ".")
	};

	function transformClassField(statement) {
	var attrAndType = attrAndTypeRegex.exec(statement);
	var isStatic = attrAndType[1].indexOf("static") >= 0;
	var definitions = statement.substring(attrAndType[0].length).split(/,\s*/g);
	var defaultTypeValue = getDefaultValueForType(attrAndType[2]);
	for (var i = 0; i < definitions.length; ++i) definitions[i] = transformVarDefinition(definitions[i], defaultTypeValue);
	return new AstClassField(definitions, attrAndType[2], isStatic)
	}
	function AstConstructor(params, body) {
	this.params = params;
	this.body = body
	}
	AstConstructor.prototype.toString = function() {
	var paramNames = appendToLookupTable({},
	this.params.getNames());
	var oldContext = replaceContext;
	replaceContext = function(subject) {
	return paramNames.hasOwnProperty(subject.name) ? subject.name : oldContext(subject)
	};
	var prefix = "function $constr_" + this.params.params.length + this.params.toString();
	var body = this.params.prependMethodArgs(this.body.toString());
	if (!/\$(superCstr\|constr)\b/.test(body)) body = "{\n$superCstr();\n" + body.substring(1);
	replaceContext = oldContext;
	return prefix + body + "\n"
	};

	function transformConstructor(cstr) {
	var m = (new RegExp(/"B(\d+)"\s*"A(\d+)"/)).exec(cstr);
	var params = transformParams(atoms[m[1]]);
	return new AstConstructor(params, transformStatementsBlock(atoms[m[2]]))
	}
	function AstInterfaceBody(name, interfacesNames, methodsNames, fields, innerClasses, misc) {
	var i, l;
	this.name = name;
	this.interfacesNames = interfacesNames;
	this.methodsNames = methodsNames;
	this.fields = fields;
	this.innerClasses = innerClasses;
	this.misc = misc;
	for (i = 0, l = fields.length; i < l; ++i) fields[i].owner = this
	}
	AstInterfaceBody.prototype.getMembers = function(classFields, classMethods, classInners) {
	if (this.owner.base) this.owner.base.body.getMembers(classFields, classMethods, classInners);
	var i, j, l, m;
	for (i = 0, l = this.fields.length; i < l; ++i) {
	var fieldNames = this.fields[i].getNames();
	for (j = 0, m = fieldNames.length; j < m; ++j) classFields[fieldNames[j]] = this.fields[i]
	}
	for (i = 0, l = this.methodsNames.length; i < l; ++i) {
	var methodName = this.methodsNames[i];
	classMethods[methodName] = true
	}
	for (i = 0, l = this.innerClasses.length; i < l; ++i) {
	var innerClass = this.innerClasses[i];
	classInners[innerClass.name] = innerClass
	}
	};
	AstInterfaceBody.prototype.toString = function() {
	function getScopeLevel(p) {
	var i = 0;
	while (p) {
	++i;
	p = p.scope
	}
	return i
	}
	var scopeLevel = getScopeLevel(this.owner);
	var className = this.name;
	var staticDefinitions = "";
	var metadata = "";
	var thisClassFields = {},
	thisClassMethods = {},
	thisClassInners = {};
	this.getMembers(thisClassFields, thisClassMethods, thisClassInners);
	var i, l, j, m;
	if (this.owner.interfaces) {
	var resolvedInterfaces = [],
	resolvedInterface;
	for (i = 0, l = this.interfacesNames.length; i < l; ++i) {
	if (!this.owner.interfaces[i]) continue;
	resolvedInterface = replaceContext({
	name: this.interfacesNames[i]
	});
	resolvedInterfaces.push(resolvedInterface);
	staticDefinitions += "$p.extendInterfaceMembers(" + className + ", " + resolvedInterface + ");\n"
	}
	metadata += className + ".$interfaces = [" + resolvedInterfaces.join(", ") + "];\n"
	}
	metadata += className + ".$isInterface = true;\n";
	metadata += className + ".$methods = ['" + this.methodsNames.join("', '") + "'];\n";
	sortByWeight(this.innerClasses);
	for (i = 0, l = this.innerClasses.length; i < l; ++i) {
	var innerClass = this.innerClasses[i];
	if (innerClass.isStatic) staticDefinitions += className + "." + innerClass.name + " = " + innerClass + ";\n"
	}
	for (i = 0, l = this.fields.length; i < l; ++i) {
	var field = this.fields[i];
	if (field.isStatic) staticDefinitions += className + "." + field.definitions.join(";\n" + className + ".") + ";\n"
	}
	return "(function() {\n" + "function " + className + "() { throw 'Unable to create the interface'; }\n" + staticDefinitions + metadata + "return " + className + ";\n" + "})()"
	};
	transformInterfaceBody = function(body, name, baseInterfaces) {
	var declarations = body.substring(1, body.length - 1);
	declarations = extractClassesAndMethods(declarations);
	declarations = extractConstructors(declarations, name);
	var methodsNames = [],
	classes = [];
	declarations = declarations.replace(/"([DE])(\d+)"/g, function(all, type, index) {
	if (type === "D") methodsNames.push(index);
	else if (type === "E") classes.push(index);
	return ""
	});
	var fields = declarations.split(/;(?:\s;)/g);
	var baseInterfaceNames;
	var i, l;
	if (baseInterfaces !== undef) baseInterfaceNames = baseInterfaces.replace(/^\sextends\s+(.+?)\s$/g, "$1").split(/\s,\s/g);
	for (i = 0, l = methodsNames.length; i < l; ++i) {
	var method = transformClassMethod(atoms[methodsNames[i]]);
	methodsNames[i] = method.name
	}
	for (i = 0, l = fields.length - 1; i < l; ++i) {
	var field = trimSpaces(fields[i]);
	fields[i] = transformClassField(field.middle)
	}
	var tail = fields.pop();
	for (i = 0, l = classes.length; i < l; ++i) classes[i] = transformInnerClass(atoms[classes[i]]);
	return new AstInterfaceBody(name, baseInterfaceNames, methodsNames, fields, classes, {
	tail: tail
	})
	};

	function AstClassBody(name, baseClassName, interfacesNames, functions, methods, fields, cstrs, innerClasses, misc) {
	var i, l;
	this.name = name;
	this.baseClassName = baseClassName;
	this.interfacesNames = interfacesNames;
	this.functions = functions;
	this.methods = methods;
	this.fields = fields;
	this.cstrs = cstrs;
	this.innerClasses = innerClasses;
	this.misc = misc;
	for (i = 0, l = fields.length; i < l; ++i) fields[i].owner = this
	}
	AstClassBody.prototype.getMembers = function(classFields, classMethods, classInners) {
	if (this.owner.base) this.owner.base.body.getMembers(classFields, classMethods, classInners);
	var i, j, l, m;
	for (i = 0, l = this.fields.length; i < l; ++i) {
	var fieldNames = this.fields[i].getNames();
	for (j = 0, m = fieldNames.length; j < m; ++j) classFields[fieldNames[j]] = this.fields[i]
	}
	for (i = 0, l = this.methods.length; i < l; ++i) {
	var method = this.methods[i];
	classMethods[method.name] = method
	}
	for (i = 0, l = this.innerClasses.length; i < l; ++i) {
	var innerClass = this.innerClasses[i];
	classInners[innerClass.name] = innerClass
	}
	};
	AstClassBody.prototype.toString = function() {
	function getScopeLevel(p) {
	var i = 0;
	while (p) {
	++i;
	p = p.scope
	}
	return i
	}
	var scopeLevel = getScopeLevel(this.owner);
	var selfId = "$this_" + scopeLevel;
	var className = this.name;
	var result = "var " + selfId + " = this;\n";
	var staticDefinitions = "";
	var metadata = "";
	var thisClassFields = {},
	thisClassMethods = {},
	thisClassInners = {};
	this.getMembers(thisClassFields, thisClassMethods, thisClassInners);
	var oldContext = replaceContext;
	replaceContext = function(subject) {
	var name = subject.name;
	if (name === "this") return subject.callSign \|\| !subject.member ? selfId + ".$self" : selfId;
	if (thisClassFields.hasOwnProperty(name)) return thisClassFields[name].isStatic ? className + "." + name : selfId + "." + name;
	if (thisClassInners.hasOwnProperty(name)) return selfId + "." + name;
	if (thisClassMethods.hasOwnProperty(name)) return thisClassMethods[name].isStatic ? className + "." + name : selfId + ".$self." + name;
	return oldContext(subject)
	};
	var resolvedBaseClassName;
	if (this.baseClassName) {
	resolvedBaseClassName = oldContext({
	name: this.baseClassName
	});
	result += "var $super = { $upcast: " + selfId + " };\n";
	result += "function $superCstr(){" + resolvedBaseClassName + ".apply($super,arguments);if(!('$self' in $super)) $p.extendClassChain($super)}\n";
	metadata += className + ".$base = " + resolvedBaseClassName + ";\n"
	} else result += "function $superCstr(){$p.extendClassChain(" + selfId + ")}\n";
	if (this.owner.base) staticDefinitions += "$p.extendStaticMembers(" + className + ", " + resolvedBaseClassName + ");\n";
	var i, l, j, m;
	if (this.owner.interfaces) {
	var resolvedInterfaces = [],
	resolvedInterface;
	for (i = 0, l = this.interfacesNames.length; i < l; ++i) {
	if (!this.owner.interfaces[i]) continue;
	resolvedInterface = oldContext({
	name: this.interfacesNames[i]
	});
	resolvedInterfaces.push(resolvedInterface);
	staticDefinitions += "$p.extendInterfaceMembers(" + className + ", " + resolvedInterface + ");\n"
	}
	metadata += className + ".$interfaces = [" + resolvedInterfaces.join(", ") + "];\n"
	}
	if (this.functions.length > 0) result += this.functions.join("\n") + "\n";
	sortByWeight(this.innerClasses);
	for (i = 0, l = this.innerClasses.length; i < l; ++i) {
	var innerClass = this.innerClasses[i];
	if (innerClass.isStatic) {
	staticDefinitions += className + "." + innerClass.name + " = " + innerClass + ";\n";
	result += selfId + "." + innerClass.name + " = " + className + "." + innerClass.name + ";\n"
	} else result += selfId + "." + innerClass.name + " = " + innerClass + ";\n"
	}
	for (i = 0, l = this.fields.length; i < l; ++i) {
	var field = this.fields[i];
	if (field.isStatic) {
	staticDefinitions += className + "." + field.definitions.join(";\n" + className + ".") + ";\n";
	for (j = 0, m = field.definitions.length; j < m; ++j) {
	var fieldName = field.definitions[j].name,
	staticName = className + "." + fieldName;
	result += "$p.defineProperty(" + selfId + ", '" + fieldName + "', {" + "get: function(){return " + staticName + "}, " + "set: function(val){" + staticName + " = val}});\n"
	}
	} else result += selfId + "." + field.definitions.join(";\n" + selfId + ".") + ";\n"
	}
	var methodOverloads = {};
	for (i = 0, l = this.methods.length; i < l; ++i) {
	var method = this.methods[i];
	var overload = methodOverloads[method.name];
	var methodId = method.name + "$" + method.params.params.length;
	var hasMethodArgs = !!method.params.methodArgsParam;
	if (overload) {
	++overload;
	methodId += "_" + overload
	} else overload = 1;
	method.methodId = methodId;
	methodOverloads[method.name] = overload;
	if (method.isStatic) {
	staticDefinitions += method;
	staticDefinitions += "$p.addMethod(" + className + ", '" + method.name + "', " + methodId + ", " + hasMethodArgs + ");\n";
	result += "$p.addMethod(" + selfId + ", '" + method.name + "', " + methodId + ", " + hasMethodArgs + ");\n"
	} else {
	result += method;
	result += "$p.addMethod(" + selfId + ", '" + method.name + "', " + methodId + ", " + hasMethodArgs + ");\n"
	}
	}
	result += trim(this.misc.tail);
	if (this.cstrs.length > 0) result += this.cstrs.join("\n") + "\n";
	result += "function $constr() {\n";
	var cstrsIfs = [];
	for (i = 0, l = this.cstrs.length; i < l; ++i) {
	var paramsLength = this.cstrs[i].params.params.length;
	var methodArgsPresent = !!this.cstrs[i].params.methodArgsParam;
	cstrsIfs.push("if(arguments.length " + (methodArgsPresent ? ">=" : "===") + " " + paramsLength + ") { " + "$constr_" + paramsLength + ".apply(" + selfId + ", arguments); }")
	}
	if (cstrsIfs.length > 0) result += cstrsIfs.join(" else ") + " else ";
	result += "$superCstr();\n}\n";
	result += "$constr.apply(null, arguments);\n";
	replaceContext = oldContext;
	return "(function() {\n" + "function " + className + "() {\n" + result + "}\n" + staticDefinitions + metadata + "return " + className + ";\n" + "})()"
	};
	transformClassBody = function(body, name, baseName, interfaces) {
	var declarations = body.substring(1, body.length - 1);
	declarations = extractClassesAndMethods(declarations);
	declarations = extractConstructors(declarations, name);
	var methods = [],
	classes = [],
	cstrs = [],
	functions = [];
	declarations = declarations.replace(/"([DEGH])(\d+)"/g, function(all, type, index) {
	if (type === "D") methods.push(index);
	else if (type === "E") classes.push(index);
	else if (type === "H") functions.push(index);
	else cstrs.push(index);
	return ""
	});
	var fields = declarations.replace(/^(?:\s;)+/, "").split(/;(?:\s;)*/g);
	var baseClassName, interfacesNames;
	var i;
	if (baseName !== undef) baseClassName = baseName.replace(/^\sextends\s+([A-Za-z_$][\w$]\b(?:\s\.\s[A-Za-z_$][\w$]\b))\s*$/g, "$1");
	if (interfaces !== undef) interfacesNames = interfaces.replace(/^\simplements\s+(.+?)\s$/g, "$1").split(/\s,\s/g);
	for (i = 0; i < functions.length; ++i) functions[i] = transformFunction(atoms[functions[i]]);
	for (i = 0; i < methods.length; ++i) methods[i] = transformClassMethod(atoms[methods[i]]);
	for (i = 0; i < fields.length - 1; ++i) {
	var field = trimSpaces(fields[i]);
	fields[i] = transformClassField(field.middle)
	}
	var tail = fields.pop();
	for (i = 0; i < cstrs.length; ++i) cstrs[i] = transformConstructor(atoms[cstrs[i]]);
	for (i = 0; i < classes.length; ++i) classes[i] = transformInnerClass(atoms[classes[i]]);
	return new AstClassBody(name, baseClassName, interfacesNames, functions, methods, fields, cstrs, classes, {
	tail: tail
	})
	};

	function AstInterface(name, body) {
	this.name = name;
	this.body = body;
	body.owner = this
	}
	AstInterface.prototype.toString = function() {
	return "var " + this.name + " = " + this.body + ";\n" + "$p." + this.name + " = " + this.name + ";\n"
	};

	function AstClass(name, body) {
	this.name = name;
	this.body = body;
	body.owner = this
	}
	AstClass.prototype.toString = function() {
	return "var " + this.name + " = " + this.body + ";\n" + "$p." + this.name + " = " + this.name + ";\n"
	};

	function transformGlobalClass(class_) {
	var m = classesRegex.exec(class_);
	classesRegex.lastIndex = 0;
	var body = atoms[getAtomIndex(m[6])];
	var oldClassId = currentClassId,
	newClassId = generateClassId();
	currentClassId = newClassId;
	var globalClass;
	if (m[2] === "interface") globalClass = new AstInterface(m[3], transformInterfaceBody(body, m[3], m[4]));
	else globalClass = new AstClass(m[3], transformClassBody(body, m[3], m[4], m[5]));
	appendClass(globalClass, newClassId, oldClassId);
	currentClassId = oldClassId;
	return globalClass
	}
	function AstMethod(name, params, body) {
	this.name = name;
	this.params = params;
	this.body = body
	}
	AstMethod.prototype.toString = function() {
	var paramNames = appendToLookupTable({},
	this.params.getNames());
	var oldContext = replaceContext;
	replaceContext = function(subject) {
	return paramNames.hasOwnProperty(subject.name) ? subject.name : oldContext(subject)
	};
	var body = this.params.prependMethodArgs(this.body.toString());
	var result = "function " + this.name + this.params + " " + body + "\n" + "$p." + this.name + " = " + this.name + ";";
	replaceContext = oldContext;
	return result
	};

	function transformGlobalMethod(method) {
	var m = methodsRegex.exec(method);
	var result = methodsRegex.lastIndex = 0;
	return new AstMethod(m[3], transformParams(atoms[getAtomIndex(m[4])]), transformStatementsBlock(atoms[getAtomIndex(m[6])]))
	}
	function preStatementsTransform(statements) {
	var s = statements;
	s = s.replace(/\b(catch\s"B\d+"\s"A\d+")(\scatch\s"B\d+"\s*"A\d+")+/g, "$1");
	return s
	}
	function AstForStatement(argument, misc) {
	this.argument = argument;
	this.misc = misc
	}
	AstForStatement.prototype.toString = function() {
	return this.misc.prefix + this.argument.toString()
	};

	function AstCatchStatement(argument, misc) {
	this.argument = argument;
	this.misc = misc
	}
	AstCatchStatement.prototype.toString = function() {
	return this.misc.prefix + this.argument.toString()
	};

	function AstPrefixStatement(name, argument, misc) {
	this.name = name;
	this.argument = argument;
	this.misc = misc
	}
	AstPrefixStatement.prototype.toString = function() {
	var result = this.misc.prefix;
	if (this.argument !== undef) result += this.argument.toString();
	return result
	};

	function AstSwitchCase(expr) {
	this.expr = expr
	}
	AstSwitchCase.prototype.toString = function() {
	return "case " + this.expr + ":"
	};

	function AstLabel(label) {
	this.label = label
	}
	AstLabel.prototype.toString = function() {
	return this.label
	};
	transformStatements = function(statements, transformMethod, transformClass) {
	var nextStatement = new RegExp(/\b(catch\|for\|if\|switch\|while\|with)\s"B(\d+)"\|\b(do\|else\|finally\|return\|throw\|try\|break\|continue)\b\|("[ADEH](\d+)")\|\b(case)\s+([^:]+):\|\b([A-Za-z_$][\w$]\s*:)\|(;)/g);
	var res = [];
	statements = preStatementsTransform(statements);
	var lastIndex = 0,
	m, space;
	while ((m = nextStatement.exec(statements)) !== null) {
	if (m[1] !== undef) {
	var i = statements.lastIndexOf('"B', nextStatement.lastIndex);
	var statementsPrefix = statements.substring(lastIndex, i);
	if (m[1] === "for") res.push(new AstForStatement(transformForExpression(atoms[m[2]]), {
	prefix: statementsPrefix
	}));
	else if (m[1] === "catch") res.push(new AstCatchStatement(transformParams(atoms[m[2]]), {
	prefix: statementsPrefix
	}));
	else res.push(new AstPrefixStatement(m[1], transformExpression(atoms[m[2]]), {
	prefix: statementsPrefix
	}))
	} else if (m[3] !== undef) res.push(new AstPrefixStatement(m[3], undef, {
	prefix: statements.substring(lastIndex, nextStatement.lastIndex)
	}));
	else if (m[4] !== undef) {
	space = statements.substring(lastIndex, nextStatement.lastIndex - m[4].length);
	if (trim(space).length !== 0) continue;
	res.push(space);
	var kind = m[4].charAt(1),
	atomIndex = m[5];
	if (kind === "D") res.push(transformMethod(atoms[atomIndex]));
	else if (kind === "E") res.push(transformClass(atoms[atomIndex]));
	else if (kind === "H") res.push(transformFunction(atoms[atomIndex]));
	else res.push(transformStatementsBlock(atoms[atomIndex]))
	} else if (m[6] !== undef) res.push(new AstSwitchCase(transformExpression(trim(m[7]))));
	else if (m[8] !== undef) {
	space = statements.substring(lastIndex, nextStatement.lastIndex - m[8].length);
	if (trim(space).length !== 0) continue;
	res.push(new AstLabel(statements.substring(lastIndex, nextStatement.lastIndex)))
	} else {
	var statement = trimSpaces(statements.substring(lastIndex, nextStatement.lastIndex - 1));
	res.push(statement.left);
	res.push(transformStatement(statement.middle));
	res.push(statement.right + ";")
	}
	lastIndex = nextStatement.lastIndex
	}
	var statementsTail = trimSpaces(statements.substring(lastIndex));
	res.push(statementsTail.left);
	if (statementsTail.middle !== "") {
	res.push(transformStatement(statementsTail.middle));
	res.push(";" + statementsTail.right)
	}
	return res
	};

	function getLocalNames(statements) {
	var localNames = [];
	for (var i = 0, l = statements.length; i < l; ++i) {
	var statement = statements[i];
	if (statement instanceof AstVar) localNames = localNames.concat(statement.getNames());
	else if (statement instanceof AstForStatement && statement.argument.initStatement instanceof AstVar) localNames = localNames.concat(statement.argument.initStatement.getNames());
	else if (statement instanceof AstInnerInterface \|\| statement instanceof AstInnerClass \|\| statement instanceof AstInterface \|\| statement instanceof AstClass \|\| statement instanceof AstMethod \|\| statement instanceof AstFunction) localNames.push(statement.name)
	}
	return appendToLookupTable({},
	localNames)
	}
	function AstStatementsBlock(statements) {
	this.statements = statements
	}
	AstStatementsBlock.prototype.toString = function() {
	var localNames = getLocalNames(this.statements);
	var oldContext = replaceContext;
	if (!isLookupTableEmpty(localNames)) replaceContext = function(subject) {
	return localNames.hasOwnProperty(subject.name) ? subject.name : oldContext(subject)
	};
	var result = "{\n" + this.statements.join("") + "\n}";
	replaceContext = oldContext;
	return result
	};
	transformStatementsBlock = function(block) {
	var content = trimSpaces(block.substring(1, block.length - 1));
	return new AstStatementsBlock(transformStatements(content.middle))
	};

	function AstRoot(statements) {
	this.statements = statements
	}
	AstRoot.prototype.toString = function() {
	var classes = [],
	otherStatements = [],
	statement;
	for (var i = 0, len = this.statements.length; i < len; ++i) {
	statement = this.statements[i];
	if (statement instanceof AstClass \|\| statement instanceof AstInterface) classes.push(statement);
	else otherStatements.push(statement)
	}
	sortByWeight(classes);
	var localNames = getLocalNames(this.statements);
	replaceContext = function(subject) {
	var name = subject.name;
	if (localNames.hasOwnProperty(name)) return name;
	if (globalMembers.hasOwnProperty(name) \|\| PConstants.hasOwnProperty(name) \|\| defaultScope.hasOwnProperty(name)) return "$p." + name;
	return name
	};
	var result = "// this code was autogenerated from PJS\n" + "(function($p) {\n" + classes.join("") + "\n" + otherStatements.join("") + "\n})";
	replaceContext = null;
	return result
	};
	transformMain = function() {
	var statements = extractClassesAndMethods(atoms[0]);
	statements = statements.replace(/\bimport\s+[^;]+;/g, "");
	return new AstRoot(transformStatements(statements, transformGlobalMethod, transformGlobalClass))
	};

	function generateMetadata(ast) {
	var globalScope = {};
	var id, class_;
	for (id in declaredClasses) if (declaredClasses.hasOwnProperty(id)) {
	class_ = declaredClasses[id];
	var scopeId = class_.scopeId,
	name = class_.name;
	if (scopeId) {
	var scope = declaredClasses[scopeId];
	class_.scope = scope;
	if (scope.inScope === undef) scope.inScope = {};
	scope.inScope[name] = class_
	} else globalScope[name] = class_
	}
	function findInScopes(class_, name) {
	var parts = name.split(".");
	var currentScope = class_.scope,
	found;
	while (currentScope) {
	if (currentScope.hasOwnProperty(parts[0])) {
	found = currentScope[parts[0]];
	break
	}
	currentScope = currentScope.scope
	}
	if (found === undef) found = globalScope[parts[0]];
	for (var i = 1, l = parts.length; i < l && found; ++i) found = found.inScope[parts[i]];
	return found
	}
	for (id in declaredClasses) if (declaredClasses.hasOwnProperty(id)) {
	class_ = declaredClasses[id];
	var baseClassName = class_.body.baseClassName;
	if (baseClassName) {
	var parent = findInScopes(class_, baseClassName);
	if (parent) {
	class_.base = parent;
	if (!parent.derived) parent.derived = [];
	parent.derived.push(class_)
	}
	}
	var interfacesNames = class_.body.interfacesNames,
	interfaces = [],
	i, l;
	if (interfacesNames && interfacesNames.length > 0) {
	for (i = 0, l = interfacesNames.length; i < l; ++i) {
	var interface_ = findInScopes(class_, interfacesNames[i]);
	interfaces.push(interface_);
	if (!interface_) continue;
	if (!interface_.derived) interface_.derived = [];
	interface_.derived.push(class_)
	}
	if (interfaces.length > 0) class_.interfaces = interfaces
	}
	}
	}
	function setWeight(ast) {
	var queue = [],
	tocheck = {};
	var id, scopeId, class_;
	for (id in declaredClasses) if (declaredClasses.hasOwnProperty(id)) {
	class_ = declaredClasses[id];
	if (!class_.inScope && !class_.derived) {
	queue.push(id);
	class_.weight = 0
	} else {
	var dependsOn = [];
	if (class_.inScope) for (scopeId in class_.inScope) if (class_.inScope.hasOwnProperty(scopeId)) dependsOn.push(class_.inScope[scopeId]);
	if (class_.derived) dependsOn = dependsOn.concat(class_.derived);
	tocheck[id] = dependsOn
	}
	}
	function removeDependentAndCheck(targetId, from) {
	var dependsOn = tocheck[targetId];
	if (!dependsOn) return false;
	var i = dependsOn.indexOf(from);
	if (i < 0) return false;
	dependsOn.splice(i, 1);
	if (dependsOn.length > 0) return false;
	delete tocheck[targetId];
	return true
	}
	while (queue.length > 0) {
	id = queue.shift();
	class_ = declaredClasses[id];
	if (class_.scopeId && removeDependentAndCheck(class_.scopeId, class_)) {
	queue.push(class_.scopeId);
	declaredClasses[class_.scopeId].weight = class_.weight + 1
	}
	if (class_.base && removeDependentAndCheck(class_.base.classId, class_)) {
	queue.push(class_.base.classId);
	class_.base.weight = class_.weight + 1
	}
	if (class_.interfaces) {
	var i, l;
	for (i = 0, l = class_.interfaces.length; i < l; ++i) {
	if (!class_.interfaces[i] \|\| !removeDependentAndCheck(class_.interfaces[i].classId, class_)) continue;
	queue.push(class_.interfaces[i].classId);
	class_.interfaces[i].weight = class_.weight + 1
	}
	}
	}
	}
	var transformed = transformMain();
	generateMetadata(transformed);
	setWeight(transformed);
	var redendered = transformed.toString();
	redendered = redendered.replace(/\s\n(?:[\t ]\n)+/g, "\n\n");
	redendered = redendered.replace(/__x([0-9A-F]{4})/g, function(all, hexCode) {
	return String.fromCharCode(parseInt(hexCode, 16))
	});
	return injectStrings(redendered, strings)
	}

	function preprocessCode(aCode, sketch) {
	var dm = (new RegExp(/\/\\s@pjs\s+((?:[^\]\|\+[^\\/]))\*\//g)).exec(aCode);
	if (dm && dm.length === 2) {
	var jsonItems = [],
	directives = dm.splice(1, 2)[0].replace(/\{([\s\S]*?)\}/g, function() {
	return function(all, item) {
	jsonItems.push(item);
	return "{" + (jsonItems.length - 1) + "}"
	}
	}()).replace("\n", "").replace("\r", "").split(";");
	var clean = function(s) {
	return s.replace(/^\s["']?/, "").replace(/["']?\s$/, "")
	};
	for (var i = 0, dl = directives.length; i < dl; i++) {
	var pair = directives[i].split("=");
	if (pair && pair.length === 2) {
	var key = clean(pair[0]),
	value = clean(pair[1]),
	list = [];
	if (key === "preload") {
	list = value.split(",");
	for (var j = 0, jl = list.length; j < jl; j++) {
	var imageName = clean(list[j]);
	sketch.imageCache.add(imageName)
	}
	} else if (key === "font") {
	list = value.split(",");
	for (var x = 0, xl = list.length; x < xl; x++) {
	var fontName = clean(list[x]),
	index = /^\{(\d*?)\}$/.exec(fontName);
	PFont.preloading.add(index ? JSON.parse("{" + jsonItems[index[1]] + "}") : fontName)
	}
	} else if (key === "pauseOnBlur") sketch.options.pauseOnBlur = value === "true";
	else if (key === "globalKeyEvents") sketch.options.globalKeyEvents = value === "true";
	else if (key.substring(0, 6) === "param-") sketch.params[key.substring(6)] = value;
	else sketch.options[key] = value
	}
	}
	}
	return aCode
	}
	Processing.compile = function(pdeCode) {
	var sketch = new Processing.Sketch;
	var code = preprocessCode(pdeCode, sketch);
	var compiledPde = parseProcessing(code);
	sketch.sourceCode = compiledPde;
	return sketch
	};
	var tinylogLite = function() {
	var tinylogLite = {},
	undef = "undefined",
	func = "function",
	False = !1,
	True = !0,
	logLimit = 512,
	log = "log";
	if (typeof tinylog !== undef && typeof tinylog[log] === func) tinylogLite[log] = tinylog[log];
	else if (typeof document !== undef && !document.fake)(function() {
	var doc = document,
	$div = "div",
	$style = "style",
	$title = "title",
	containerStyles = {
	zIndex: 1E4,
	position: "fixed",
	bottom: "0px",
	width: "100%",
	height: "15%",
	fontFamily: "sans-serif",
	color: "#ccc",
	backgroundColor: "black"
	},
	outputStyles = {
	position: "relative",
	fontFamily: "monospace",
	overflow: "auto",
	height: "100%",
	paddingTop: "5px"
	},
	resizerStyles = {
	height: "5px",
	marginTop: "-5px",
	cursor: "n-resize",
	backgroundColor: "darkgrey"
	},
	closeButtonStyles = {
	position: "absolute",
	top: "5px",
	right: "20px",
	color: "#111",
	MozBorderRadius: "4px",
	webkitBorderRadius: "4px",
	borderRadius: "4px",
	cursor: "pointer",
	fontWeight: "normal",
	textAlign: "center",
	padding: "3px 5px",
	backgroundColor: "#333",
	fontSize: "12px"
	},
	entryStyles = {
	minHeight: "16px"
	},
	entryTextStyles = {
	fontSize: "12px",
	margin: "0 8px 0 8px",
	maxWidth: "100%",
	whiteSpace: "pre-wrap",
	overflow: "auto"
	},
	view = doc.defaultView,
	docElem = doc.documentElement,
	docElemStyle = docElem[$style],
	setStyles = function() {
	var i = arguments.length,
	elemStyle, styles, style;
	while (i--) {
	styles = arguments[i--];
	elemStyle = arguments[i][$style];
	for (style in styles) if (styles.hasOwnProperty(style)) elemStyle[style] = styles[style]
	}
	},
	observer = function(obj, event, handler) {
	if (obj.addEventListener) obj.addEventListener(event, handler, False);
	else if (obj.attachEvent) obj.attachEvent("on" + event, handler);
	return [obj, event, handler]
	},
	unobserve = function(obj, event, handler) {
	if (obj.removeEventListener) obj.removeEventListener(event, handler, False);
	else if (obj.detachEvent) obj.detachEvent("on" + event, handler)
	},
	clearChildren = function(node) {
	var children = node.childNodes,
	child = children.length;
	while (child--) node.removeChild(children.item(0))
	},
	append = function(to, elem) {
	return to.appendChild(elem)
	},
	createElement = function(localName) {
	return doc.createElement(localName)
	},
	createTextNode = function(text) {
	return doc.createTextNode(text)
	},
	createLog = tinylogLite[log] = function(message) {
	var uninit, originalPadding = docElemStyle.paddingBottom,
	container = createElement($div),
	containerStyle = container[$style],
	resizer = append(container, createElement($div)),
	output = append(container, createElement($div)),
	closeButton = append(container, createElement($div)),
	resizingLog = False,
	previousHeight = False,
	previousScrollTop = False,
	messages = 0,
	updateSafetyMargin = function() {
	docElemStyle.paddingBottom = container.clientHeight + "px"
	},
	setContainerHeight = function(height) {
	var viewHeight = view.innerHeight,
	resizerHeight = resizer.clientHeight;
	if (height < 0) height = 0;
	else if (height + resizerHeight > viewHeight) height = viewHeight - resizerHeight;
	containerStyle.height = height / viewHeight * 100 + "%";
	updateSafetyMargin()
	},
	observers = [observer(doc, "mousemove", function(evt) {
	if (resizingLog) {
	setContainerHeight(view.innerHeight - evt.clientY);
	output.scrollTop = previousScrollTop
	}
	}), observer(doc, "mouseup", function() {
	if (resizingLog) resizingLog = previousScrollTop = False
	}), observer(resizer, "dblclick", function(evt) {
	evt.preventDefault();
	if (previousHeight) {
	setContainerHeight(previousHeight);
	previousHeight = False
	} else {
	previousHeight = container.clientHeight;
	containerStyle.height = "0px"
	}
	}), observer(resizer, "mousedown", function(evt) {
	evt.preventDefault();
	resizingLog = True;
	previousScrollTop = output.scrollTop
	}), observer(resizer, "contextmenu", function() {
	resizingLog = False
	}), observer(closeButton, "click", function() {
	uninit()
	})];
	uninit = function() {
	var i = observers.length;
	while (i--) unobserve.apply(tinylogLite, observers[i]);
	docElem.removeChild(container);
	docElemStyle.paddingBottom = originalPadding;
	clearChildren(output);
	clearChildren(container);
	tinylogLite[log] = createLog
	};
	setStyles(container, containerStyles, output, outputStyles, resizer, resizerStyles, closeButton, closeButtonStyles);
	closeButton[$title] = "Close Log";
	append(closeButton, createTextNode("\u2716"));
	resizer[$title] = "Double-click to toggle log minimization";
	docElem.insertBefore(container, docElem.firstChild);
	tinylogLite[log] = function(message) {
	if (messages === logLimit) output.removeChild(output.firstChild);
	else messages++;
	var entry = append(output, createElement($div)),
	entryText = append(entry, createElement($div));
	entry[$title] = (new Date).toLocaleTimeString();
	setStyles(entry, entryStyles, entryText, entryTextStyles);
	append(entryText, createTextNode(message));
	output.scrollTop = output.scrollHeight
	};
	tinylogLite[log](message);
	updateSafetyMargin()
	}
	})();
	else if (typeof print === func) tinylogLite[log] = print;
	return tinylogLite
	}();
	Processing.logger = tinylogLite;
	Processing.version = "1.4.1";
	Processing.lib = {};
	Processing.registerLibrary = function(name, desc) {
	Processing.lib[name] = desc;
	if (desc.hasOwnProperty("init")) desc.init(defaultScope)
	};
	Processing.instances = processingInstances;
	Processing.getInstanceById = function(name) {
	return processingInstances[processingInstanceIds[name]]
	};
	Processing.Sketch = function(attachFunction) {
	this.attachFunction = attachFunction;
	this.options = {
	pauseOnBlur: false,
	globalKeyEvents: false
	};
	this.onLoad = nop;
	this.onSetup = nop;
	this.onPause = nop;
	this.onLoop = nop;
	this.onFrameStart = nop;
	this.onFrameEnd = nop;
	this.onExit = nop;
	this.params = {};
	this.imageCache = {
	pending: 0,
	images: {},
	operaCache: {},
	add: function(href, img) {
	if (this.images[href]) return;
	if (!isDOMPresent) this.images[href] = null;
	if (!img) {
	img = new Image;
	img.onload = function(owner) {
	return function() {
	owner.pending--
	}
	}(this);
	this.pending++;
	img.src = href
	}
	this.images[href] = img;
	if (window.opera) {
	var div = document.createElement("div");
	div.appendChild(img);
	div.style.position = "absolute";
	div.style.opacity = 0;
	div.style.width = "1px";
	div.style.height = "1px";
	if (!this.operaCache[href]) {
	document.body.appendChild(div);
	this.operaCache[href] = div
	}
	}
	}
	};
	this.sourceCode = undefined;
	this.attach = function(processing) {
	if (typeof this.attachFunction === "function") this.attachFunction(processing);
	else if (this.sourceCode) {
	var func = (new Function("return (" + this.sourceCode + ");"))();
	func(processing);
	this.attachFunction = func
	} else throw "Unable to attach sketch to the processing instance";
	};
	this.toString = function() {
	var i;
	var code = "((function(Sketch) {\n";
	code += "var sketch = new Sketch(\n" + this.sourceCode + ");\n";
	for (i in this.options) if (this.options.hasOwnProperty(i)) {
	var value = this.options[i];
	code += "sketch.options." + i + " = " + (typeof value === "string" ? '"' + value + '"' : "" + value) + ";\n"
	}
	for (i in this.imageCache) if (this.options.hasOwnProperty(i)) code += 'sketch.imageCache.add("' + i + '");\n';
	code += "return sketch;\n})(Processing.Sketch))";
	return code
	}
	};
	var loadSketchFromSources = function(canvas, sources) {
	var code = [],
	errors = [],
	sourcesCount = sources.length,
	loaded = 0;

	function ajaxAsync(url, callback) {
	var xhr = new XMLHttpRequest;
	xhr.onreadystatechange = function() {
	if (xhr.readyState === 4) {
	var error;
	if (xhr.status !== 200 && xhr.status !== 0) error = "Invalid XHR status " + xhr.status;
	else if (xhr.responseText === "") if ("withCredentials" in new XMLHttpRequest && (new XMLHttpRequest).withCredentials === false && window.location.protocol === "file:") error = "XMLHttpRequest failure, possibly due to a same-origin policy violation. You can try loading this page in another browser, or load it from http://localhost using a local webserver. See the Processing.js README for a more detailed explanation of this problem and solutions.";
	else error = "File is empty.";
	callback(xhr.responseText, error)
	}
	};
	xhr.open("GET", url, true);
	if (xhr.overrideMimeType) xhr.overrideMimeType("application/json");
	xhr.setRequestHeader("If-Modified-Since", "Fri, 01 Jan 1960 00:00:00 GMT");
	xhr.send(null)
	}
	function loadBlock(index, filename) {
	function callback(block, error) {
	code[index] = block;
	++loaded;
	if (error) errors.push(filename + " ==> " + error);
	if (loaded === sourcesCount) if (errors.length === 0) try {
	return new Processing(canvas, code.join("\n"))
	} catch(e) {
	throw "Processing.js: Unable to execute pjs sketch: " + e;
	} else throw "Processing.js: Unable to load pjs sketch files: " + errors.join("\n");
	}
	if (filename.charAt(0) === "#") {
	var scriptElement = document.getElementById(filename.substring(1));
	if (scriptElement) callback(scriptElement.text \|\| scriptElement.textContent);
	else callback("", "Unable to load pjs sketch: element with id '" + filename.substring(1) + "' was not found");
	return
	}
	ajaxAsync(filename, callback)
	}
	for (var i = 0; i < sourcesCount; ++i) loadBlock(i, sources[i])
	};
	var init = function() {
	document.removeEventListener("DOMContentLoaded", init, false);
	processingInstances = [];
	var canvas = document.getElementsByTagName("canvas"),
	filenames;
	for (var i = 0, l = canvas.length; i < l; i++) {
	var processingSources = canvas[i].getAttribute("data-processing-sources");
	if (processingSources === null) {
	processingSources = canvas[i].getAttribute("data-src");
	if (processingSources === null) processingSources = canvas[i].getAttribute("datasrc")
	}
	if (processingSources) {
	filenames = processingSources.split(/\s+/g);
	for (var j = 0; j < filenames.length;) if (filenames[j]) j++;
	else filenames.splice(j, 1);
	loadSketchFromSources(canvas[i], filenames)
	}
	}
	var s, last, source, instance, nodelist = document.getElementsByTagName("script"),
	scripts = [];
	for (s = nodelist.length - 1; s >= 0; s--) scripts.push(nodelist[s]);
	for (s = 0, last = scripts.length; s < last; s++) {
	var script = scripts[s];
	if (!script.getAttribute) continue;
	var type = script.getAttribute("type");
	if (type && (type.toLowerCase() === "text/processing" \|\| type.toLowerCase() === "application/processing")) {
	var target = script.getAttribute("data-processing-target");
	canvas = undef;
	if (target) canvas = document.getElementById(target);
	else {
	var nextSibling = script.nextSibling;
	while (nextSibling && nextSibling.nodeType !== 1) nextSibling = nextSibling.nextSibling;
	if (nextSibling && nextSibling.nodeName.toLowerCase() === "canvas") canvas = nextSibling
	}
	if (canvas) {
	if (script.getAttribute("src")) {
	filenames = script.getAttribute("src").split(/\s+/);
	loadSketchFromSources(canvas, filenames);
	continue
	}
	source = script.textContent \|\| script.text;
	instance = new Processing(canvas, source)
	}
	}
	}
	};
	Processing.reload = function() {
	if (processingInstances.length > 0) for (var i = processingInstances.length - 1; i >= 0; i--) if (processingInstances[i]) processingInstances[i].exit();
	init()
	};
	Processing.loadSketchFromSources = loadSketchFromSources;
	Processing.disableInit = function() {
	if (isDOMPresent) document.removeEventListener("DOMContentLoaded", init, false)
	};
	if (isDOMPresent) {
	window["Processing"] = Processing;
	document.addEventListener("DOMContentLoaded", init, false)
	} else this.Processing = Processing
	})(window, window.document, Math);

Unstar this repository?